HTML5实现图片自适应手机屏幕页面的css。
HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度,就显示100%屏幕,如果小于,就显示原图。
CSS的max-width就能实现了,切不要设置img的宽和高。比如图片宽度你可以做成1080,或680都可以。
1 |
|
HTML5实现图片自适应手机屏幕页面的css。
HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度,就显示100%屏幕,如果小于,就显示原图。
CSS的max-width就能实现了,切不要设置img的宽和高。比如图片宽度你可以做成1080,或680都可以。
1 |
|