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

2024-12-31 17:38:16

推荐回答（5个）

回答1：

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

回答2：

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

回答3：

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

回答4：

改成按%设置宽度。

回答5：

用百分比代替实际尺寸