css怎么做页面跟随浏览器屏幕变化而变化?

求原理,不求代码。需要定位?
2024-12-27 10:28:11
推荐回答(4个)
回答1:

整体和各个区块都长度width都设置我百分比,就是每个区块都设置为相对的!

这样就可以做到页面跟随浏览器屏幕变化而变化,例如:左边区块设置为15%,右边区块设置为80%。

希望我的回答打对你有所帮助!

回答2:

普通方法:用百分比宽度和高度
高级方法:用js判断浏览器高度,自适应改变高度和宽度
苛刻的布局:用js判断浏览器高度,针对不同的浏览器调用不同的css样式

回答3:

这个一般就是不固定每个块元素的具体数值,用相对的概念,width用百分比来显示,比如整体宽度是用width:80%,整个宽度里面的左右结构,相对于整体宽度昨天是20%,右边是80%

回答4:

要随着浏览器变化而变化,就不能固定元素的尺寸,而是设置尺寸为浏览器的占比,比如
width: 80%
表示设置宽度是浏览器的80%宽度,这样当浏览器宽度发生变化的时候,页面的内容也发生变化

如果还需要更复杂的功能,就得用javascript来做了