云企网络logo
云企网络微信号

扫一扫微信二维码

云企分享专用缩略图

手机端内容页图片不能自适应怎么办

2020-04-01  当前栏目:云企资讯

手机端文章内容页图片不能自适应!这给通过手机端浏览网站的用户造成了很不好的用户体验,所以,有必要整改。

大量的资料表明,手机端图片不能自适应,主要的原因在于css样式上。一般来说,前端设计模板的时候会给图片设置固定的宽、高,这个宽高往往是针对电脑屏幕设计的。但是,手机显示屏远远小于电脑屏幕,一旦图片宽高固定且图片宽高大于手机显示屏的话,就会出现手机端只显示图片一部分的情况。

解决这个问题,只要能够做到让文章内容页图片跟随显示设备屏幕的大小变化,自动等比缩放即可。让图片在手机端的宽度显示100%,高度自动缩放则可完美解决这个问题。具体代码如下:

找到图片节点对图片样式进行修改。如.test img{width: 100% ; height:auto !important;}把这段css放到样式表中,就完美的解决了手机端文章内容页图片不能自适应的问题。


如需转载请保留本文链接:http://www.yunxiaoguo.com/html/zs/336.html

 

上一篇:怎么提升网站关键词排名?
下一篇:4月1日罗永浩直播到底卖了多少钱?
首页
电话咨询
在线咨询