Question

当我在不同环境（我的笔记本电脑和PC）中查看我的网站时，我遇到了布局更改。我正在运行相同版本的firefox (28.0)，两者都在Windows XP下。我发现笔记本电脑上的divs开始低于PC，迫使我设置top:-40px将它与笔记本电脑的顶部对齐，但当然这会隐藏一些关于笔记本电脑的顶部笔记本电脑）。

两者的分辨率设置相同，虽然PC屏幕的物理范围更宽，而且我已经完成了设置，两者看起来都是一样的。

Answer 1

使用自适应样式表。在这里添加类似于U的地方，你将样式表添加到你的html网站（）。

  <link rel ="stylesheet" href = "style000.css" media="screen and (min-width: 501px) and    (max-width: 1300px)" type = "text/css" />
  <link rel ="stylesheet" href = "style00.css" media="screen and (min-width: 1301px) and  (max-width: 1421px)" type = "text/css" />
 <link rel="stylesheet" media="screen and (min-width: 1421px) and (max-width: 2000px)"  href="style0.css" />

选择合适的分辨率，根据需要创建多个样式表。

html在不同分辨率下查看时显示差异

1 个答案: