如何将网站宽度从标准尺寸更改为宽屏?

时间:2013-01-15 18:31:38

标签: javascript html css

据我所知,您可以设置您要为用户选择的像素的标准尺寸,但许多网站如何创建一个"浮动"屏幕调整?我猜它会检测到读者有哪个屏幕大小,然后调整它。如何才能做到这一点?信息:我有标准的盒子尺寸,我想调整它以适应更广泛的"笔记本电脑屏幕......

2 个答案:

答案 0 :(得分:0)

有几种方法可以做到这一点,但最基本和最简单的方法是使用宽度的百分比。像这样的东西,然后使用嵌套元素的相对百分比。

body {
    width: 100%;
}

答案 1 :(得分:0)

正如Dustin建议的那样,如果您希望元素的宽度相对于可用的显示,您可以使用百分比在CSS中指定宽度。如果你想让元素“浮动”(在中间),并保持相对于显示的宽度,你可以尝试以下CSS(其中myDiv是你想要遵循这种行为的id):

div#myDiv {
    width:                  75%;
    margin-left:            auto;
    margin-right:           auto;
}