html5实现图片自适应手机屏幕页面 - 夏目友人帐

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

"夏目贵志" 发表于: 2018年04月05日

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

HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度

就显示100%屏幕,如果小于,就显示原图。

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

img{max-width:100%;}

转载自:https://www.cnblogs.com/tatungzhang/p/6542475.html

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

HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度

就显示100%屏幕,如果小于,就显示原图。

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

img{max-width:100%;}

转载自:https://www.cnblogs.com/tatungzhang/p/6542475.html

添加新评论