HTML 固定宽度改为响应式布局需要怎么做

发布网友 发布时间：2022-04-22 09:50

我来回答

共7个回答

热心网友 时间：2022-04-20 20:10

　　不要用固定宽度属性来描述元素，改用百分比，这样元素的宽度就是父元素的百分比，这是响应式布局最基本的技巧。
　　采用响应式布局，需要注意以下几点：第一，用百分比给元素设定大小；第二，不要对元素进行绝对定位；第三，写css时用上@media媒体查询技巧。bootstrap是响应式布局做得不错的前端开发工具，有兴趣可以学习一下。
　　随着终端屏幕尺寸的种类越来越多，如果针对每一种尺寸都开发一个页面的话，这样的开发成本将会变得非常高，响应式布局就成了解决这一问题的有效途径。当然，深层次的响应式布局应该是贯穿前端和服务端的。

热心网友 时间：2022-04-20 21:28

使用%代替固定尺寸，需要使用到滚动尺寸的话就用js控制

热心网友 时间：2022-04-20 23:03

把像素px 改为%单位
比如div{ height: 100px; width: 20%;}

热心网友 时间：2022-04-21 00:54

改成按%设置宽度。

热心网友 时间：2022-04-21 03:02

用百分比代替实际尺寸

热心网友 时间：2022-04-21 05:27

media query属性

热心网友 时间：2022-04-21 08:08

百分比+css 媒体查询