【轉】超寬的banner條自適應瀏覽器大小始終居中的方法

chaorenzeng發表於2016-09-05
原文網址 : https://flycode.co/archives/134005
瀏覽器

現在越來越多的人使用寬屏的顯示器了，所以傳統的1024或者960的寬度banner條也逐漸的不被客戶端訪客所喜歡，所以現在在網站前端開發中一定要考慮到這一點，但是我們會發現在寬屏瀏覽器下設計出來的banner在傳統的1024的顯示器下瀏覽是會出現橫向滾動橫條。只要在對應標籤插入如下CSS即可解決。

position: absolute;
top: 0;
left: 50%;
margin-left: -960px;//banner圖大小的一半
width: 1920px;//圖寬
height: 600px;//圖高

 

 


相關文章