网页布局错乱_慕课猿问

网页布局错乱

对于大神们很简单吧，就是我在公司用电脑做出的网页，在笔记本打开布局错乱，现在就差响应式了吧，如何在不用修改太多代码就让错乱的网页自动根据屏幕的大小布局不变呢，或者只要不用重新建设网站就好。。。。。

查看完整描述

5 回答

慕哥3251431

TA贡献1条经验获得超0个赞

使用媒体查询

反对回复 2017-11-18

慕spring

TA贡献38条经验获得超4个赞

简单点，就是把所有固定宽度的地方，改成百分比，比如左侧30%，右侧70%，这样就行了

反对回复 2017-11-01

_____Roddy

TA贡献8条经验获得超2个赞

用Bootstrap写就可以

反对回复 2017-10-30

FSYu

TA贡献152条经验获得超59个赞

做成响应式的就好了啊

反对回复 2017-10-26

qq_C弦_0
能具体些吗？小白一个，请见谅

回复 2017-10-26
FSYu
@media兼容不同的屏幕大小，或者就用bootstrap，它的栅栏系统可以适应不同设备，这两个方法你去百度一搜，一大堆

回复 2017-10-26

牛奶老哥哥

TA贡献204条经验获得超92个赞

对啊，屏幕大小和分辨率的问题

反对回复 2017-10-26

qq_C弦_0
请问怎么解决

回复 2017-10-26
牛奶老哥哥
有几种方法吧:1.将外层容器设定一个定死的宽度,这样无论在大屏小屏样式都不会变,缺点很明显,在小屏会出现滚动条. 2.设置样式的时候宽高用百分比来设置,这样可以随着网页的大小来改变,自己写的话考虑到很多条件也比较麻烦,可以使用现成的响应式css框架Bootstrap,它的栅格布局.

回复 2017-10-26

网页布局错乱