2013-03-30 74 views
0

在我的網站上,kylesethgray.com,我做了一個有點「響應式設計」。一切似乎很動聽,除了兩件事情:修復我的「響應式」設計

  1. 如果我有一個列表,無論是<ul><ol>,當瀏覽器窗口被水平

  2. 縮短出於某種原因,做當子彈會被截斷同樣的事情模仿一個移動瀏覽器,一個水平滾動條出現,並滾動到右側,即使沒有任何東西。

有什麼我可以做的,以解決這個問題?

+0

1.使用'名單-style-position:inside' 2.有一個需要空間的YouTube視頻 – PeeHaa

+0

我在'ul,ol'上取下了'padding:0',它自己固定了,YouTube視頻也導致了溢出,但是它在移動設備上看起來都很好,對於一個小型瀏覽器窗口無關緊要,它不是完美的手機屏幕尺寸指標 – ashley

+0

約2號:即使在[第二頁](http://kylesethgray.com/page/2)上,它仍然存在滾動間隙。 我會嘗試起飛填充。 – ksg

回答

-1

我認爲YouTube的嵌入是打破你的佈局,試試這個CSS:

.video iframe { width: 100% }

你也應該考慮使用響應式設計的框架像FoundationColumnal

+0

即使在我的[第二頁](http://kylesethgray.com/page/2)上,仍然會出現滾動條。我無法弄清楚是什麼元素使它滾動... – ksg

+0

[本頁](http://kylesethgray.com/page/2)對我來說沒有水平滾動條 –

+0

我現在修復了它。 :) http://stackoverflow.com/questions/15719203/fixing-my-responsive-design/15719301?noredirect=1#comment22328047_15719203 – ksg