码迷,mamicode.com
首页 > 移动开发 > 详细

html5实现图片自适应手机屏幕页面的css

时间:2017-03-13 16:15:16      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:max   htm   自适应   手机   手机屏幕   img   html   csharp   适应   

HTML5实现图片自适应手机屏幕页面的css。

HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度,就显示100%屏幕,如果小于,就显示原图。

CSS的max-width就能实现了,不要设置img的宽和高。

img{max-width:100%;}  

 

html5实现图片自适应手机屏幕页面的css

标签:max   htm   自适应   手机   手机屏幕   img   html   csharp   适应   

原文地址:http://www.cnblogs.com/tatungzhang/p/6542475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!