2015-04-22 71 views
2

我在使用HTML5設計我的新網站時遇到問題。
這是一個包含5個不同部分的單頁網站。
主頁是的index.html#家和所有部分正確顯示,除了的index.html,這是縮小了的的。index.html顯示爲小於網站的所有其他頁面

所有部分具有相同的CSS:

width:100%; 
background-color:#7fffd4; 
padding:5px 0px; 
margin:0px; 

以下是截圖:
正常:http://i.imgur.com/VO8U28o.jpg
縮小了的http://i.imgur.com/NZ11fHy.png

如果你有任何想法如何解決這個問題我真的很感激它。

+0

可能有各種各樣的影響這一因素無關。你可以添加一個鏈接到實際的頁面和/或代碼?另外,我必須這樣說,確保你沒有使用任何實際增加瀏覽器本身的縮放的插件或快捷方式。 –

回答

3

一段文字很長。我認爲這是造成縮放效果。嘗試縮短文本或使用CSS自動換行。

你可以把長文本在<div id="someid">和改變你的CSS 這樣的:

#someid { 
    width: 100%; 
    padding: auto 30%; 
} 

auto是頂部和底部30%是左,右。 你應該調整你想要的30%。 它會將您的div格式化爲始終使用給定瀏覽器窗口的100%。

1

Chrome會記住您設置的每個URL的縮放狀態,請確保您沒有意外縮小索引頁面。

CTRL + 0在索引頁面檢查(或去查看>實際大小)。

0

謝謝你的快速回復。 index.html實際上是用chrome縮小的,儘管我把它放到了我網站的其他子頁面上的100%。

無論如何,我要包裝文本,這是一個好主意。再次感謝。

乾杯,STAX

相關問題