HTML 5中如何让图片自适应屏幕大小
发布时间: 2015-06-28 浏览次数: 4982
标题:HTML5中如何让图片自适应屏幕大小
发表人:王亮发表时间:2015-06-28
详细内容:最近在做一个移动App用的HTML5,但是图片的自适应问题让我头大了,求解

姓名:华佗ing

我只学过Frontpage,你说的这个HTML5我还真不知道,不懂帮顶

姓名:万安庆

你可用css控制啊,这个跟HTML5没什么关系吧,利用css的max-width控制图片,图片自动伸缩,不会超过屏幕宽度。

【代码】

1.要么直接在图片代码里面设置style,例如<img src='xxx.jpg' style='max-width:100%;'/>

2.要么给图片统一一个class名例如response-img,然后在css文件里面设置这个class,例如

.response-img {

    max-width: 100%;

}

我要发表跟帖

请登录发表跟帖