手机图片视频自适应代码max-width:100%;实现图片视频自动缩放

无论浏览器窗口的大小还是在手机屏幕上如何做到图片自适应自动缩放呢,只需要一行CSS代码:

img { max-width: 100%;} /*针对图片*/
object { max-width: 100%;} /*针对视频*/
img, object { max-width: 100%;} /*针对图片和视频*/

css-img-1

 

可以通过本站看一下图片缩放效果。如:http://zhoumo123.cn/category/web

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>