2012-02-28 75 views
4

我已經有很多年的HTML/CSS經驗,我最近纔開始在響應式世界中挖掘。我買了一本書,閱讀了很多教程,但有些東西讓我煩惱。我還沒有找到一個不使用保證金的例子:0 auto用於網站的基本容器(將網站居中)。他們,例如,所有使用:不以響應式網頁設計爲中心

width: 90%; 
margin: 2% auto; 

我想要做的是使一個網站,沒有中心的主容器,但只是將其對齊到左邊。然後,出於某種原因,當我使用96%(甚至100%)的寬度和幾個百分比的邊距時,它不會像往常一樣伸展到右端,所以總會有更大的邊距視口的右側。

我在監督一件非常合乎邏輯的事情嗎?

乾杯!

+0

沒有理由爲什麼寬度:如果你不使用和保證金或填充100%不應該工作。 – 2012-02-28 09:18:00

回答

1

我不確定這是否是您的問題的答案,但也許您可以發佈測試用例?

如果它是一個移動設備(iPhone前)這是作爲開溜,你可以添加以下代碼片段:

<meta name="viewport" content="width=device-width; initial-scale=1.0"> 

另外,我建議你使用100%的寬度,然後加入一些填充從2%到6%(取決於你關注的寬度)。

下面是響應式設計(和一個不錯的演示)相當有用的鏈接:http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

+0

我會檢查這個答案。它看起來像一個很好的教程。也感謝您對100%的建議! – 2012-02-28 10:39:39