前端编程 如何解决网页易错乱

前端编程 如何解决网页易错乱

问题描述:

网页适应性特别不好 浏览器稍微一改变大小 内容就错乱 请问怎样才能让浏览器大小改变的情况下 网页布局不受影响呢 求经验 求教

个人觉得,都行!但如果您想只做单一的pc端那就问题不大!如果您想做移动端的 那就要像上面所说的那样!百分比,流媒体布局!个人觉得做重要的是
div盒子模型的布局方法!您的网页错乱可能是某些小的div太满而引起其他移动,您可以吧太小的div不写具体的宽而是用 margin,padding,来调节会好一些

width:81%长宽用百分比,或者设置伸缩性长度min-width max-width ,或者加载之后获得body长宽,进行相对设置

你在写属性的时候不要用500px这样的 用百分数来代替就可以了。他就不会乱,会自动适应屏幕

外层包裹一个父容器如

然后设置container固定宽度,margin:0 auto; 一般PC端都会这么设置 这个模式也来源于bootStrap 兄弟可以尝试多用bootStrap然后审查下元素看别人自适应怎么做到的

可以试试用响应式布局 bootstrap上有关于响应式布局

设计的时候都会有一个网页尺寸,你的BODY下面就应该有一个DIV规定了这个页面的设计尺寸 比如

这里是其他内容布局


这样怎么变大小你的页面也会保证 980的宽度不会乱

1.要么设置成固定大小
2.设置成相对的百分比

宽度设定用百分比 如 li{width:20%;}

布局属性不要写死了, 用百分比