[技术交流] mjj求助大神们css失效的问题 [复制链接]
查看:4333 | 回复:12

jkgao · 发表于 2017-12-10 14:50:55

网站

http://www.cougang.com/

复制代码

模板是响应式

今天突然发现手机端内容页图片是有问题显示不全。如下图所示

http://www.cougang.com/news/company_news/97.html

复制代码

好像高度宽度没有，没有正确缩放

下图是pc正常图像

浏览器检查看了一下好像是css @media screen and (max-width: 720p x)这个失效了

但是不知道是什么原因引起，如何解决。。。。

哪位大神给说一下如果修改，谢谢啦！！

zess · 发表于 2017-12-10 14:50:56

看错题目，你这个失效是因为，CSS选择是有优先级的，内联样式的CSS优先级高于外部引用CSS，你可以用以下手段，提升优先级，

.content img{
width:100% !important;

--------------

加一个 ！important 声明

zess · 发表于 2017-12-10 15:36:01

img style width 500px超限了，可以限制，style="max-width:100%;overfollow:hidden;"

zess · 发表于 2017-12-10 15:39:54

%比限制的比例是依照img父级的块元素的宽度

ytomorrow · 发表于 2017-12-10 15:45:32

style="width: 500px; height: 668px;" 行内样式优先级最高去掉
style.css 324行
.content img {
display: inline-block;
background: url(../images/load.gif) center no-repeat;
/*加上*/
width: 500px;
height: 668px;
}

ytomorrow · 发表于 2017-12-10 15:46:48

这样 @media screen and (max-width: 720px) 就可以生效了

tomn · 发表于 2017-12-10 16:58:36

高手高手

jkgao · 发表于 2017-12-10 17:07:51

谢谢楼上等我试一下回复

iawsky · 发表于 2017-12-10 18:38:51

我试下结果，再来回复一下了

jkgao · 发表于 2017-12-10 20:36:39

ytomorrow 发表于 2017-12-10 15:46
这样 @media screen and (max-width: 720px) 就可以生效了

谢谢大神回复这个如果针对单独的一个内容页图片是可以生效的，

但是会有很多内容页而且内容页里面的会有不同大小的图片。。。

百独托管7500 紫田网络	超高转化播放器收cps[推荐]	速盾CDN 免实名免备防屏蔽	阿里云爆款特卖9.9元封顶	提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场	【腾讯云】多款产品1折起	高防随时退换好耶数据	小飞国外网赚带你月入万元	炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠	中客数据中心服务器租用	联盟系统移动广告平台中易	企业专场腾讯云服务器2.5折	九九数据工信部正规资质
腾讯云新用户大礼包代金券	高价收cpa注册量高价展示	【腾讯云】2核2G/9.93起	租服务器找45互联随时退换	阿里云短信服务验证秒达

[技术交流] mjj求助大神们css失效的问题 [复制链接]
查看:4333 | 回复:12

最佳答案

落伍者

落伍手机绑定

落伍草根英雄

落伍微信绑定

[技术交流] mjj求助大神们css失效的问题 [复制链接] 查看:4333 | 回复:12

最佳答案

落伍者

落伍手机绑定

落伍草根英雄

落伍微信绑定

[技术交流] mjj求助大神们css失效的问题 [复制链接]
查看:4333 | 回复:12