爱周末 » 自适应布局 http://zhoumo123.cn 知识分享，共同进步。zhoumo123.cn Thu, 07 Nov 2019 05:53:49 +0000 zh-CN hourly 1 http://wordpress.org/?v=4.0.1 手机图片视频自适应代码max-width:100%;实现图片视频自动缩放 http://zhoumo123.cn/web/html5/2445.html http://zhoumo123.cn/web/html5/2445.html#comments Thu, 29 Jan 2015 03:40:36 +0000 http://zhoumo123.cn/?p=2445 无论浏览器窗口的大小还是在手机屏幕上如何做到图片自适应自动缩放呢，只需要一行CSS代码：

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

css-img-1

 

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

]]> http://zhoumo123.cn/web/html5/2445.html/feed 0