我是css的新手。
我想知道哪种是最好的标准技术,即使浏览器尺寸发生变化,页面放大或用于任何其他屏幕尺寸,也能保持页面完好无损。我已经尝试使用容器将我的布局居中,但是当页面放大时它会受到干扰(我知道它会,但我想要的只是元素不会离开屏幕,如果可能的话,几乎保持在相同的位置)。
那么在css中实现
的最佳和最简单的标准技术是什么感谢您的帮助。
答案 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。