Question

我是设计网站的新手。我在linux中使用chrome。我已经在Windows中测试了我的网站Chrome。我有一个问题，如高度和宽度是变化的？如何使我的网站设计与所有浏览器兼容。如果这个问题来自单位意味着哪个单位最好像em，px或％？

Answer 1

这是一个实际的设计选择。您可以使用固定尺寸，或使您的网站流畅。

固定大小表示您要定义要设计的宽度。一个非常受欢迎的选择是960px，因为它兼容1024px宽的屏幕，侧面有一些空间和滚动条。

如果选择此方法，则需要在整个网站周围设置一个包装元素（例如<div id="wrapper">后面的<body>标记，该文件在文档末尾关闭（基本上所有网站进入那个。）然后你可以有CSS规则：

#wrapper { 
  width: 960px; 
  margin: 0 auto;
}

将整个网站水平放置在屏幕上。这种方法的优点是，由于您的宽度已知，您可以轻松地测量和计算内部元素的宽度（例如侧边栏等）。这在处理广告展示位置时非常方便。

流体大小表示您将宽度定义为可用屏幕区域的百分比。此方法过去主要用于全宽网站，（想象上面的#wrapper元素设置为width: 100%。我个人认为，这种方法本身很麻烦，只适用于特殊情况。 / p>

最后但同样重要的是，目前的趋势是响应式设计。此方法使用CSS Media queries根据可用宽度加载不同的样式，并可以使用上述任一方式进行特定实现。

Answer 2

我在不同的浏览器之间遇到了同样的问题。 作为最后的手段，您可以尝试为每个找到大小变化的浏览器对使用css hacks。

实施例：这是IE的简单方法，在css之前添加下划线（_）

_height:200px;

希望这会有所帮助：）