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

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

求助 用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

一般来说 网页布局得写成响应式 也就是根据不同的分辨率修改
页: [1]
查看完整版本: 如何实现div块级元素自适应屏幕