手机图片视频自适应代码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