求大神,怎么解决页面布局随窗口大小的变化而变化

求大神,怎么解决页面布局随窗口大小的变化而变化

最近在模仿学院的首页做一个静态网页时,发现当我把窗口缩小后,里面的组件会乱掉,如下所示:

正常大小:

改变窗口大小后:
这里写图片描述

解决这个问题很简单,就是在整个布局外面加上一层div,并且为它指定好宽高就可以了。

.content{
height:**px; //整个布局的高度
width:**px; //整个布局的宽度
}
1
2
3
4
要注意的是,要是你前面布局使用了浮动,那么在最后还要整体清除一下浮动。如果你不清楚哪一个组件用了,最简单的方法就是在最后最后加上一个空的div,设置css为clear:both;就可以了。
温馨提示:内容为网友见解,仅供参考
无其他回答

为什么我写好的页面改变窗口大小后布局就乱了?
写自适应的代码就不会了,根据窗口的大小而改变。

怎么样做自适应的页面,高度宽度岁分辨率的改变而变化
自然,解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)。另外如果外层表格已做好固定宽度设置,内层表格也可以适当使用百分比设置。清楚这个原则以后,如果出现类似的问题大家也知道怎么解决。二、让网页居中 说到了窗口大小就会顺着路子想到分辨率的问题,在800×600分辨率下制作的网页在1024...

...调整纸张大小后如何适应页面word调整纸张大小后如何适应页面布局
1、在电脑里面找到一份文档,并打开它。2、然后点击文档左上角的图标。3、点击了之后就会弹出文档的子菜单栏在里面点击word选项进入。4、进入到word选项的设置窗口之后,找到高级选项,并点击切换到高级的设置界面。5、在高级的窗口里面找到打印,在这一栏里面就可以看到“缩放内容以适应a4或8.5×11纸张...

当页面大小变化时,为什么布局也会变乱,该怎么解决?
你写的css代码不规范造成的。你可以把你的代码贴出来,可以帮你看下你写的缺少的东西。

怎么设置页面大小自动适应
1. 打开Word文档,点击“页面布局”选项卡。2. 在“页面设置”组中,点击“大小”下拉菜单,选择“自适应纸张”。3. Word会自动调整页面大小和缩放比例,使文档内容适应当前页面。另外,如果需要在不同设备上查看文档时自适应页面,可以选择“页面布局”选项卡中的“视图”组,点击“多页面”按钮,在...

word中如何设置页面自动适应word中如何设置页面自动适应纸张大小
1. 打开您的Word文档。2. 点击“页面布局”选项卡。3. 在“页面设置”组中,选择“页面大小”下拉菜单。4. 选择“自适应纸张”选项。5. Word将自动调整页面大小,以适应纸张。此外,为了在不同设备上查看文档时自动适应页面,您可以:1. 打开“页面布局”选项卡。2. 点击“视图”组中的“多页面...

当浏览器窗口大小发生变化时,如何做才能让自己制作页面内容布局保持不...
如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性。在网页中,如果一个元素没有设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局可能会发生变化。设置代码如下: 主页面body{ margin:0px; width:1350px; min-width:1024px; max-width:100%; height...

怎么设置电脑页面大小怎么设置电脑的页面变大了怎么调小
说明:1. 要取消用键盘改变窗口大小的操作,按Esc键即可。2. 以上操作适合于窗口没有处于最大化或最小化状态的情况 4. 电脑wps怎么设置页面大小怎么设置 1.打开一个表格2.点击菜单栏上的“页面布局”,里面有几个可以设置页面大小、纸张大小等3.点击“页边距”,里面的数字越低,那么文字就越靠边4.点击“纸张大小...

怎么调整Word页面大小内容不变?
在Word功能布局里可以选择合适的页面大小,还可以选择其他纸张,修改页面的大小。下面我就具体演示一下详细的操作步骤: (电脑型号:联想拯救者刃7000K,系统版本:win10,版本:Office Word 2019) 1、打开word软件。 2、然后新建一个Word文档。 3、然后在菜单点击布局里的页面大小。 4、根据需要选择调整合适的大小。 5、...

div+css布局,当页面大小变化时,为什么布局也会变乱,该怎么解决?
用div css 布局时,使用的是浮动的样式排版; 排不下就会往下面浮动; 给div 一个固定的宽度;(给一个固定的容器,如果不给就默认把浏览器窗口当容器)容器定下来后,就与浏览器的窗口大小无关了;

相似回答