html5 怎么让图片自适应？

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年的艰苦努力，该标准规范终于制定完成。

对于样式： 通过html标签可强制移动端浏览器横屏或竖屏但兼容性较差，目前仅有： UC强制竖屏：<meta name="screen-orientation" content="portaint"> QQ强制竖屏：<meta name="screen-orientation" content="landscape"> 通过HTML标签media识别横屏和竖屏,分别引用不同的css： 竖屏： <link rel="stylesheet" media="all and (orientation:portrait" href="portrait.css"> 竖屏： <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> 通过css媒体查询判断横竖屏，并分别指定样式： @media screen and (orientation: portrait) { //竖屏  CSS } @media screen and (orientation: landscape) { //横CSS }对于事件：通过onorientationchange事件或resize事件监听手机的横竖屏，分别指定对应的事件。强制通过页面 禁止app或手机的横竖屏的切换是不现实的，H5只能针对自身页面做适配！！！

---