【轉】超寬的banner條自適應瀏覽器大小始終居中的方法
現在越來越多的人使用寬屏的顯示器了，所以傳統的1024或者960的寬度banner條也逐漸的不被客戶端訪客所喜歡，所以現在在網站前端開發中一定要考慮到這一點，但是我們會發現在寬屏瀏覽器下設計出來的banner在傳統的1024的顯示器下瀏覽是會出現橫向滾動橫條。只要在對應標籤插入如下CSS即可解決。
position: absolute; top: 0; left: 50%; margin-left: -960px;//banner圖大小的一半 width: 1920px;//圖寬 height: 600px;//圖高
相關文章
- 相容所有瀏覽器長寬自適應元素垂直水平居中瀏覽器
- 場景對瀏覽器的自適應瀏覽器
- 兩列居中寬度自適應佈局
- html背景圖片自適應瀏覽器HTML瀏覽器
- 一列居中寬度自適應佈局
- 真正的讓iframe自適應高度 相容多種瀏覽器隨著視窗大小改變瀏覽器
- 根據瀏覽器視窗的大小不同自動調節文字大小瀏覽器
- 最新Iframe全瀏覽器相容自適應高度解決方案瀏覽器
- 計算瀏覽器垂直滾動條的寬度程式碼例項瀏覽器
- Qt QTableWidget 最後一覽自適應寬度QT
- 瀏覽器的視窗位置和大小瀏覽器
- jquery在瀏覽器滾動條上的應用jQuery瀏覽器
- UMeditor寬度自適應
- flutter根據給定寬度自適應縮放字型大小Flutter
- 元素自適應水平垂直居中
- 谷歌瀏覽器中文字框游標居中和字型大小顯示谷歌瀏覽器
- js獲取瀏覽器視窗的大小JS瀏覽器
- Axure RP教程：如何在Mac上製作適合瀏覽器視窗整個寬度的影像或彩色條Mac瀏覽器
- 超好用的mac瀏覽器：星願瀏覽器 Mac中文版Mac瀏覽器
- Edge瀏覽器被搜狗瀏覽器篡改的解決方法瀏覽器
- 瀏覽器儲存的方法瀏覽器
- 如何獲取寬度自適應的元素的width寬度值
- CSS相容各瀏覽器最小高度且能夠自適應程式碼CSS瀏覽器
- IE瀏覽器的安全(轉)瀏覽器
- gridview自動適應列寬View
- input文字框寬度自適應
- 瀏覽器預設文字大小瀏覽器
- 瀏覽器滾動條高度的獲取瀏覽器
- win10自帶瀏覽器怎麼解除安裝 win10解除安裝自帶瀏覽器的方法Win10瀏覽器
- getElementsByClassName()方法的瀏覽器支援版本瀏覽器
- 清除瀏覽器快取的方法瀏覽器快取
- CSS 自適應內容寬度的輸入框CSS
- Win10系統修改谷歌瀏覽器字型大小的方法【圖文教程】Win10谷歌瀏覽器
- 怎麼檢測瀏覽器劫持，瀏覽器劫持的方法介紹瀏覽器
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- 三列寬度自適應佈局
- QTableWidget行高列寬自適應QT
- React根據寬度自適應高度React