手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置

思路：图片不要设置为div的background，因为你设置了background-size，但是div的height没设置，一样没用，除非写个js判断，动态刷新。
换一种思路，直接用<img>显示出来，这样div作为父容器就被撑大，就不需要div的高度设置了。
然后就看图片，如果宽要全部显示，就设置为width:100%,height:auto，反之就设置为width:auto, height:100%.
代码：

<div><img class="fullimg" src="../images/solution/try1001banner.png" /></div>  

.fullimg{margin:0;padding:0;width:100%;height:auto;}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1赞 92
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 5,834评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,844评论 0赞 11
  • HTML快速入门（二）—— CSS简介
    前言： 1.HTML5的发展非常迅速，可以说已经是前端开发人员的标配，在电商类型的APP中更是运用广泛，这个系列的...
    珍此良辰阅读 5,897评论 2赞 15
  • TCP详解+wireshark抓包演示
    简介 TCP理论 TCP报文格式 三次握手三次握手图解为什么要三次握手 四次分手四次分手图解TCP的半关闭 实战抓...
    第八区阅读 6,547评论 0赞 1