来源:网站建设观点 - 远策科技 | 2021-11-05
网站电脑手机端图片自适应解决方法只需要找到手机端对应的CSS文件。将图片的宽度属性设为100%即可,至此问题解决。通过外围p的class精确控制。
比如:
<p class='test'>
<img src='手机站展示的图片路径'/>
</p>
则CSS可以这样定义:
.test img{width: 100% !important; height:auto !important;}
或者
.test img{max-width: 100%; height: auto!important;}
上面的!important表示强调优先级别。因为编辑器上传的图片是自带宽高限制的。