博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
wap网页图片适配解决方案
阅读量:6155 次
发布时间:2019-06-21

本文共 457 字,大约阅读时间需要 1 分钟。

hot3.png

切图适配()讯:关于,如何解决图片在不同分辨率下正常显示呢?有208176、 320240、480320、600480、800600、1024768 六种分辨率图片,本来想获取手机分辨率宽度后,给出一个最适合宽度图片,问题是图片显示时,被浏览器自动放大了,导致文字和图片排版不正确 如480分辨率宽,系统返回600*480图片,但是图片会自动被放大,在图片标签里设置图片宽度也不管用,这里切图微适配 weishipei.qietu.com提供简洁而有效的解决方案:

img{max-width:100%}

将这句话加到网页的css文件中,即可解决这个问题,这个原理是设置图片的最大宽度为100%——也就是当图片大小大于浏览器窗口的时候,它的宽度会变成100%,也就是浏览器窗口的宽度。

切图通过长期的web前端开发技术积累,为所有网站提供专业的网页适配服务!合作请致电:4000-724-120

转载请注明来源:

转载于:https://my.oschina.net/cloveflower/blog/309341

你可能感兴趣的文章
常用限制input的方法
查看>>
IIS7下使用urlrewriter.dll配置
查看>>
并行程序设计学习心得1——并行计算机存储
查看>>
bulk
查看>>
C++ 迭代器运算
查看>>
【支持iOS11】UITableView左滑删除自定义 - 实现多选项并使用自定义图片
查看>>
【算法笔记】多线程斐波那契数列
查看>>
java8函数式编程实例
查看>>
jqgrid滚动条宽度/列显示不全问题
查看>>
在mac OS10.10下安装 cocoapods遇到的一些问题
查看>>
css技巧
查看>>
Tyvj 1728 普通平衡树
查看>>
javascript性能优化
查看>>
多路归并排序之败者树
查看>>
java连接MySql数据库
查看>>
转:Vue keep-alive实践总结
查看>>
深入python的set和dict
查看>>
C++ 11 lambda
查看>>
Android JSON数据解析
查看>>
DEV实现日期时间效果
查看>>