CSS缩放 - 随着浏览器大小、缩放和屏幕大小的变化

Question

3

我是新手，想了解如何在网页缩放、浏览器大小改变或使用其他屏幕尺寸时保持页面内容不变的最佳常规技术。我已经尝试使用容器居中布局，但当页面缩放时会产生问题（我知道会出现这种情况，但我只想让元素不超出屏幕，并且如果可能的话在几乎相同的位置停留）。

那么，在CSS中实现这一目标的最佳且易于掌握的标准技术是什么？

谢谢你的帮助。

- user591124

2个回答

3

如果你为body元素设置了固定的尺寸，那么当浏览器重新调整大小时，页面内的任何内容都不会改变。

所以你需要添加以下CSS代码：

body {
    width: 960px; //being the size screen you want to accommodate your site to
}

- Nachshon Schwartz

我真的不太理解你的意思，你能否在http://jsfiddle.net/上发布一个示例？同时尝试更好地解释一下你的问题... - Nachshon Schwartz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jimmy · Accepted Answer

最新、最前沿的方法被称为响应式网页设计。虽然有点复杂，但是它似乎是为多种屏幕尺寸开发的方式。它对于小型网站特别有用。