響應網站 - 導致水平滾動條的幻像寬度

我正在構建自己的投資組合網站，這使得我在嘗試使其響應時感到很大的悲傷。它沒有開始響應，這是我的第一個錯誤，但我已經非常接近，現在所有的工作，我真的很感謝一些專家的幫助。響應網站 - 導致水平滾動條的幻像寬度

如果你去http://www.moreiradesigns.com並使瀏覽器屏幕的寬度儘可能小，你會立即看到問題是什麼。

水平滾動條出現並與屏幕大小成反比。如果你向右滾動，你將看不到任何東西，你會注意到身體結束在它應該的地方。

任何幫助將是偉大的診斷問題！

-P.S.這是任何類型的移動設備=（

來源

2013-06-12 Lucas Urdiales Moreira

除了什麼Cyrena說，你的<ul id="Grid">設置爲100％，其父母設置爲96％，並且其曾祖父id="portfolio"設置爲100％，這將全部合謀給你一些不需要的寬度擴展

來源

2013-06-12 20:28:42 dezman

我做了這些變化，以便投資組合是100％，兒童是96和網格是95％，但問題仍然存在/ –

我建議檢查在火狐檢查3D視圖元件。 – dezman

謝謝Watson，關於Firefox的3D視圖能夠明確到底發生了什麼！偉大的工具！ –

你porftolio下載部分具有左屬性設置爲520px，這比許多小屏幕更寬的非常明顯的。

.portfolioDownload { 
    position: absolute; 
    width: 0em; 
    height: 0em; 
    float: left; 
    left: 520px; 
    margin-top: 0px; 
    visibility: hidden; 
}

來源

2013-06-12 20:26:16 Jay

其實這確實有一點幫助，我在佈局上有3個突破點，我在主桌面斷點上更改了這些屬性，並且消除了滾動條r的平板電腦的大小，但不是爲手機的大小（小於768） –

響應網站 - 導致水平滾動條的幻像寬度

回答

相關問題