2013-05-01 21 views
0

我最近爲一座教堂做了一個網站。我用了Foundation,SASS和Compass。當我注意到,如果您調整窗口的大小,我會得到一個水平滾動。所以我加overflow-x: hidden;我認爲修復了它,但是當我在iPad上測試它時,我仍然在右側填充了大約20px。然後我想也許它是從box-shadow這是有道理的,所以我刪除了所有的盒子陰影,它仍然存在。這裏是鏈接:http://www.jessefoutch.com/fumc/任何幫助,將不勝感激。這個填充/邊距來自我的網站的位置在哪裏?

回答

1

也許你需要清除緩存。我在Firefox,Safari和Chrome瀏覽過該網站,並且在調整大小時只能看到標準瀏覽器滾動條。

+0

謝謝,但它絕對不是緩存問題。我曾在衆多設備和瀏覽器上嘗試過它。你現在看不到它,因爲身體上隱藏着溢出物,但如果你移除了它的樣式,它就會顯示出來。稍後我會惹惱它,但我希望能夠注意到一雙清新的眼睛很簡單。如果你可以在手機或平板電腦上打開它,你會看到。謝謝 – jfoutch 2013-05-01 15:56:30

+1

啊,我明白你的意思了。我看了更多,發現你正在使用邊距和填充寬度加上100%。我刪除了「overflow:hidden:from body」,然後在app.css(.row .row)的第159行,我將margin設置爲0,並且似乎爲我修復了這個問題 – SunSparc 2013-05-01 16:47:18

+0

謝謝!我今晚晚些時候會嘗試 – jfoutch 2013-05-01 16:52:12

2

基金會已經爲網格列和其他網格元素設置了自己的填充和餘量。您可以在Foundation中的_settings.scss文件中更改這些參數,也可以手動將填充或邊距設置爲0,這樣可以解決您的任何問題。我查了一下,但實際上並沒有看到你所說的問題,但它可能不再影響你的網站

+0

是的,這是因爲我有overflow-x隱藏如果您使用chrome或ff刪除該樣式,那麼當您調整水平滾動條的大小時會出現。 – jfoutch 2013-05-01 15:52:43