可采用响应式布局。
@media screen and (max-width:320px){css代码
}
上面代码说明，如果当前屏幕大于320像素则执行下面css代码。
可以这么写，举个例子就很容易弄明白：<div>
<p id="p1"></p>
<b><p id="p2"></p></b>
<ul>
<li><p id="p3"></p></li>
<li><div><p id="p4"></p></div></li>
</ul>
</div>
这个例子中如果是div p{font-size:5em}，那div中所有的p（p1,p2,p3,p4）都会加上字体大小5em。
但是如果是div>p这种写法，那只有p1、p4会加上这个属性。
在这里小于号表示只有p是跟在div后面的一级子元素，属性才会起作用。
