html5 怎么让图片自适应?

html-css022

html5 怎么让图片自适应?,第1张

html5中是通过css3的background-size来控制自适应的。

直接在图片代码里面设置style,例如<img src="xxx.jpg" style="max-width:100%"/>2、要么给图片统一一个class名例如response-img,然后在css文件里面设置这个class

html5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3C Recommendation、见本处参考资料原文内容)

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

HTML5里面自动适应手机屏幕的高度方法:

使用meta标签,这也是普遍使用的方法

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

解释该标签的含义:

height=device-width  就是设置页面的高度,为手机的高度