繁体   English   中英

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

[英]css resizing - with browser size, zooming in and screen size

我是css的新手。

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

那么用css实现最好和最简单的标准技术是什么呢?

谢谢你的帮助。

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

看看这里的一些例子: http//mediaqueri.es/

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

如果您在重新调整浏览器大小时为body元素设置了set size,则页面内的任何内容都不会更改。

所以你要添加的CSS如下:

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

这也可以帮助您: 常用的网页像素大小及其优缺点

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM