{dede:field.typename/}资讯

探知 • 创造美好

不断超越客户的期望值,源自我们对这个行业的热爱

网站制作中电脑手机端图片自适应解决方法

来源:网站建设观点 - 远策科技 | 1个月前

网站电脑手机端图片自适应解决方法只需要找到手机端对应的CSS文件。将图片的宽度属性设为100%即可,至此问题解决。通过外围p的class精确控制。


99


比如:

<p class='test'>

<img src='手机站展示的图片路径'/>

</p>


则CSS可以这样定义:

.test img{width: 100%  !important; height:auto  !important;}

或者

.test img{max-width: 100%; height: auto!important;}


上面的!important表示强调优先级别。因为编辑器上传的图片是自带宽高限制的。


多一份参考,总有益处

131-1155-0088 / 159-3167-7513

远策科技,致力于企业品牌建设和推广

微信扫码 或 加 Q 82860137 咨询
在线咨询 稍后再说

131-1155-0088