如何实现div块级元素自适应屏幕

鼻屎炖蘑菇 · 发表于 2021-11-5 15:52:23

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

求助用html写了个网页主要是用div把网页分成了几个不同的盒子可是盒子之间的margin或者是div的大小我都是自己根据屏幕大小计算得出在我的页面上是显示出来了可是我放到同学的屏幕上因为屏幕大小的变化我设置的块级元素全部缩到右边成一小团请问下如何实现块级元素随着屏幕大小不同自适应变化呢？我在网上搜了下说是不能设置固定的大小加PX 要设置百分比大小的问题是我实现这些块级元素都是自己手动计算间距的设置百分比怎么实现啊？？

傻子0 · 发表于 2021-11-5 17:17:33

1：父元素固定大小，子元素设置百分比
2：或者使用媒体查询，把每个样式都写好

kogawananari · 发表于 2021-11-6 13:54:44

单位使用rem % vh vw fr 等

别用媒体查询媒体查询是用来改变布局的
如电脑一排4个平板一排2个手机一排一个用媒体查询其他情况别用
不是来适应屏幕的

小仙 · 发表于 2021-11-19 00:46:37

网页自适应屏幕可以采用媒体查询 + 弹性布局 / 栅格布局。

Natarfs · 发表于 2021-11-29 15:28:14

一般来说网页布局得写成响应式也就是根据不同的分辨率修改

账号		自动登录	找回密码
密码			立即注册