您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
css控制网站图片按比例显示
2018-01-23【网站建设常见问答】2216 人已围观
简介 当我们一个项目有万千上百的产品图片展示的时候,图片显示的比例是个大问题. 美工不可能空到把所有图片去处理一圈全部按网站某个比例调整....
当我们一个项目有万千上百的产品图片展示的时候,图片显示的比例是个大问题. 美工不可能空到把所有图片去处理一圈全部按网站某个比例调整.这是一个大大的工程. 所以我们的css这个时候就可以上场了.
设置对应图片的width和htight的具体数值就可以了。举例一个:
img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
这样设置图片的话,可以使图片在指定的空间内缩放。
举例:
<div style=\"width:50px;height:40px\">
<img src=\"a.jpg\">
<!--这里我们假如图片的实际尺寸是320X320-->
</div>
根据上面4个css可以知道:
图片被缩放后在div的尺寸是:
width:50px;(因为图片的width:100%)
height:50px(这里height是在width:100%被缩放后的尺寸。)
我们可以发现这个50px的高度仍然超出了div的40px的高度,不符合max-height
这个时候,max-height:100%;就会发挥作用,
在max-height:100%;的作用下,图片被缩放后在div的尺寸是:
width:40px;
height:40px;
这个尺寸符合max-height和max-width
这是百度问答的一个回答, 我只想说二个字. 完美!
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
上一篇:seo如何进行内链优化
下一篇:哪些因素影响了百度搜索排序?
相关文章
随机图文
-
【网站内容建设】避免自己的页面成为搜索引擎的补充材料
我们在网站制作与推广的时候发现,有些网站内容虽然被收录,但仅仅是被作为一个补充材料被收录。补充材料就是搜索引擎辅助索引的一部分,这些内容... -
网站维护、网站托管、安全、可靠
我们先来估算一下网站维护的成本。网站制作完成后需要维护与管理,得请一个有一定网络技术的人负责。请懂一定网络技术的人员每月的工资最低标准为3... -
网站不能经常改版的原因
我们在制作网站的同时光考虑网站视觉上的效果,忽略网站文字上的作用是对seo网站优化推广的一特大坏处。网站改版任务我们在注重提升网站视... -
我公司四周年暨新办公大楼落成庆典圆满落幕
殷雯源码 yinwen.taobao.com www.0574nb.cn 宁波网站制作