校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > 織夢模板手機端圖片爆屏不能自適應怎么辦

織夢模板手機端圖片爆屏不能自適應怎么辦

POST TIME:2021-05-23 02:14

今天一個朋友向織夢97小編請教說，他公司網站圖片手機端不能自適應，很不美觀，叫小編幫忙看看。
經過織夢97小編研究發現，問題其實很簡單。
找到對應的CSS文件。將圖片的寬度屬性設為100%即可，至此問題解決。
img {
border: 0;
width: 100%;【此為織夢97小編多加的】
display: block;
}
這樣也有一個問題，全部手機站里的圖片寬度都成width:100%了。
可以通過外圍div的class精確控制。
比如：
<div class='test'>
<img src='手機站展示的圖片路徑'/>
</div>
則可以這樣定義：
.test img{width: 100%  !important; height:auto  !important;}
 上面的!important表示強調優先級別。因為有些圖片格式是自帶寬高限制的。
完美。。


收縮
  • 微信客服
  • 微信二維碼

  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板： 洮南市| 苏州市| 达尔| 凤庆县| 万安县| 南郑县| 贞丰县| 鲁甸县| 仪陇县| 太康县| 泰和县| 沈丘县| 扶风县| 龙州县| 泗阳县| 舞钢市| 北宁市| 滁州市| 石家庄市| 右玉县| 水富县| 鄱阳县| 琼中| 桐乡市| 常德市| 屯门区| 化州市| 秦安县| 门源| 积石山| 斗六市| 濮阳县| 桃园县| 资阳市| 榆社县| 寿阳县| 伽师县| 惠安县| 商城县| 灵山县| 玉林市|