網站不適合瀏覽器窗口

我的網站需要大量的屏幕空間纔能有用。工作正常的最小寬度約爲1200像素。問題是，當它在較低分辨率的屏幕（iPhone或舊電腦）上打開時，頁面無法完全插入屏幕，並且會在左側切割。網站不適合瀏覽器窗口

有沒有人有一個想法，我可以做，而不是隻能滾動？

我使用CSS層整個頁面

#page { 
position:absolute; 
left:50%; 
width:1200px; 
margin-left:-600px; 
}

，然後這層我有實際的內容裏面：

#content { 
width:1200px; 
text-align: left; 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-weight: normal; 
color: #aaaaaa; 
clear:both; 
margin-top:40px; 
}

據我瞭解，大概原因是保證金左： - 600像素設置，但是如何確保整個內容塊居中？或者我只需要將其對齊到左側？

任何幫助將不勝感激！

PS - 該網站是在http://textexture.com，這裏是我使用的CSS：http://textexture.com/templates/styles.css

謝謝！

來源

2012-06-27 Dmitry Paranyushkin

而不是使用定義的寬度嘗試去％ –

試試這個：

#page { 
    width: 1200px; 
    margin: 0 auto; 
} 

#content { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    color: #aaaaaa; 
    clear:both; 
    margin-top:40px; 
}

絕對定位自帶的併發症，如果它的實際需要只能一般使用。

另外，它似乎沒有理由有單獨的#page和#content divs。嘗試刪除#page和梳理他們：

#content { 
    width: 1200px; 
    margin: 0 auto; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    color: #aaaaaa; 
    clear:both; 
    margin-top:40px; 
}

來源

2012-06-27 10:56:59

謝謝，它的工作！ –

不要忘記接受你的問題的正確答案:) –

我做到了）或者我錯過了什麼？ –

實實在在地，如果你希望用戶使用較小的分辨率，能夠使用你的網站，你應該做它，所以它工作在較低的分辨率。有幾種技術可以做到這一點。你鏈接的網站看起來很簡單，所以改變你的一些樣式應該不會太棘手。

你可能想看看響應式網頁設計和在CSS中使用媒體查詢。

來源

2012-06-27 11:03:24 diggersworld

我同意，有時候網站確實需要一個大的分辨率，這對於觀衆來說是有意義的。考慮到問題中的鏈接，我不相信這是其中的一個。該網站可以很容易地設計得更窄，或響應這個答案中的建議。 – Simon

謝謝。但是，如果我想讓右側的圖形窗口可伸縮（以及左側的文本字段），是否可以設置它們可能具有的最小寬度？ –

不確定你的意思，但如果你說你不希望它小於一定的大小，你可以使用CSS規則min-width和min-height。 – diggersworld

你也可以像這樣使用％。

#page { 
    width: 100%; 
    margin: 0 auto; 
} 

#content { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    color: #aaaaaa; 
    clear:both; 
    margin-top:40px; 
}

來源

2012-06-27 12:58:42

網站不適合瀏覽器窗口

回答

相關問題