如何让网站手机版内页文章夹带的图片自适应手机宽度呢 悬赏3元 已结束
<p>如何让网站手机版内页文章夹带的图片自适应手机宽度呢?我的网站www.7msy.cn电脑浏览器显示正常,但是手机打开部分内容里面夹带的图片只有一半,另外一半不显示,好像是图片过大,有部分又显示一整张,我把图片分辨率都设置为现在是正常显示的一样大小也不行,请问是什么原因?需要怎么才能吧这个问题解决,下面2张图,图片大小,格式,分辨率都是一样大,但是显示一个正常一个显示一半,求高手</p><p><br></p>
17 人参与回答
最佳回答
加载更多
调整下代码,在图片的属性里添加
display: block;
margin: 0 auto; //图片居中
max-width: 100%!important; 自动宽度
height: auto!important;自动高度
用css可以解决
我就不一样。。。我就喜欢那种一个模版走天下的感觉
CSS代码控制
@media (max-width: 767px){
img{
display: block;
margin: 0 auto; //图片居中
max-width: 100%!important; 自动宽度
height: auto!important;自动高度
}
}
设置 一下css样式
如果你是自适应站点,那么你的图片这块大小,设置空即可。