我怎样才能与更高的屏幕兼容?

时间:2012-02-14 06:06:10

标签: html css layout

我设计了一个宽度为980px的html布局,使其在较低的屏幕下工作。我想让它在大屏幕上工作正常,但我的布局有问题。

当我尝试CTRL+-- (minus)以低分辨率检查时,我发现左侧的按钮向右移动,带有阴影的背景图像向右移动。它让我的布局很可惜。

当我尝试ctrl minus minus时,他们从未看起来很糟糕的其他网站示例。

有人可以帮助我弄清楚我如何制作我的布局然后如果我尝试ctrl minus minus它看起来并不坏。

2 个答案:

答案 0 :(得分:4)

缩放与更改屏幕分辨率不同。另一方面,调整浏览器窗口的大小可视为等效。

答案 1 :(得分:1)

如何宣布按钮的大小?是pxem还是百分比?

如果您使用em或百分比(或根本不使用),请尝试使用px来设置特定的像素宽度和高度(以及其他尺寸,例如填充,边距等)使用"固定"尺寸,并可以解决缩放时缩放不正确的问题。

如果没有,请意识到当您使用control + zoom in/zoom out时,它可能也可能不会缩放文本,这可能会导致问题并且通常难以修复。

最后,要意识到您没有正确接近您的问题。要查看您的网站如何在更大的屏幕上呈现,只需将浏览器窗口放大或在具有更大显示器的计算机上进行测试。