如果视窗缩小，页面样式错乱就要对每个元素设定长宽、浮动、定位保证每个元素唯一。
HTML中引入CSS样式的形式：
1、正常引入
<link href="/build/wele.css" rel="stylesheet">。
2、按需引入
在需要的时候通过js引入。
有两种思路
1.设定最外层的div宽度为固定值，，950，，960，其它内容都放里面
2.设定div的最小宽度
淘宝登入页面错乱怎么解决首先你是不是同时登入了几个旺旺号，然后你的系统可能出现了混乱，你先全部退出，然后清理浏览器，然后再重新登入旺旺号。就可以了
为什么缩小视窗页面布局就乱了
看下的你的程式码是怎么写的，是不是每个的容器的位置都是固定的，还有容器的大小是百分比还是常量。因为看不到程式码具体原因无法分析，只能是猜测其可能造成这种现象的原因
重新整理子视窗时，父视窗丢失样式,反之重新整理父视窗时子视窗样式丢失。两个页面呼叫了一个公共CSS。没遇到过这样的问题，感觉像是浏览器的bug，建议尝试将css分开，或者同时重新整理两个页面试试
ie8页面错乱解决方案错位的请点选相容模式。
为什么我把两个CSS样式表放到一起样式就错乱了因为有相同的类标签，比如样式a里面有.one{color：red}，样式B里面也有.one { color：bule}
页面乱码怎么解决乱码问题发生于编码方式不统一造成的，我来说一下我遇到乱码时的查询过程1，看看专案的编码方式是否是UTF-82，看看页面的编码方式是否是UTF-83，看看struts2的接传值编码方式是否是UTF-8，看看属性里的编码方式是否更改了。如果还是乱码我一般会在专案里直接建立一个空页面，然后把原的原始码复制到刚刚建立的空页面里，这样也能解决问题。
网页错乱怎么解决？501638366!我QQ，你加吧嘻嘻！因为不同的浏览器，对css 的标准不同.做的时候多多对比就是了
比如，建立4个div，要实现宽度随窗口变化而变化很简单，把宽度设成百分比形式就可以了。
css这样写：
这样的话我们的div倒是可以随着窗口的变化进行宽度的缩放，但是高度是不变的，这样肯定不行，我们要达到按比例缩放的话高度肯定也是要写成百分比的。那么怎么写呢？直接写百分比么 height:21%这个就别想了，肯定不行的。
我们可以借用一个不常见的属性，padding-bottom属性。
从手册可以看到，当padding-bottom为百分比的值时，定义的是基于父元素宽度的百分比下内边距。
所以我们的css如果这样写：
我们就会得到一个和我们宽度相等的高度，而且我们的div会随着窗口大小的改变进行等比例的缩放。
但是这个方法有一个问题就是，手册上说我们用的padding-bottom的这个值
感觉像是个雷啊
今天就先到这里，感兴趣的小伙伴可以一起探讨探讨。
你好，这个需要使用媒体查询来实现。
.gridContainer {
margin-left: auto
margin-right: auto
width: 86.45%
}
.img { width:50%}
@media only screen and (min-width: 481px) {
.gridContainer {
width: 90.675%
padding-left: 1.1625%
padding-right: 1.1625%
}
.img { width:60%}
}
@media only screen and (min-width: 769px) {
gridContainer {
width: 88.5%
max-width: 1232px
}
.img { width:80%}
}
