2015-04-22 73 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

相关问题