调整大小 - 使用浏览器大小,放大和屏幕大小

时间:2011-08-22 22:16:46

标签: css stylesheet

我是css的新手。

我想知道哪种是最好的标准技术,即使浏览器尺寸发生变化,页面放大或用于任何其他屏幕尺寸,也能保持页面完好无损。我已经尝试使用容器将我的布局居中,但是当页面放大时它会受到干扰(我知道它会,但我想要的只是元素不会离开屏幕,如果可能的话,几乎保持在相同的位置)。

那么在css中实现

的最佳和最简单的标准技术是什么

感谢您的帮助。

2 个答案:

答案 0 :(得分:5)

最新的尖端方法称为响应式网页设计。这有点复杂,但它看起来像是为多种屏幕尺寸开发的方式。它对小型网站特别有用。

点击此处的一些示例:http://mediaqueri.es/

此处还有一些更深入的信息:http://www.alistapart.com/articles/responsive-web-design/

答案 1 :(得分:3)

如果您为身体元素设置了一个设置大小,只要浏览器重新调整大小,页面内的任何内容都不会改变。

所以你要添加的CSS如下:

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

这也可以帮助您:Commonly used pixel sizes for webpages and their pros/cons