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

Question

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

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

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

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

Answer 1

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

Answer 2

如何宣布按钮的大小？是px，em还是百分比？

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

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

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