不同分辨率下写不同的样式。
使用@media元素
这样写
@media screen and (max-width:180pt) {html { font-size: 6pt }}
@media screen and (max-width:210pt)and (min-width:180pt) {html { font-size: 7pt }}
@media screen and (max-width:240pt)and (min-width:210pt) {html { font-size: 8pt }}
@media screen and (max-width:300pt)and (min-width:240pt) {html { font-size: 10pt }}
@media screen and (max-width:360pt)and (min-width:300pt) {html { font-size: 12pt }}
@media screen and (max-width:450pt)and (min-width:360pt) {html { font-size: 15pt }}
@media screen and (min-width:450pt) {html { font-size: 18pt; }}
例子如:http://www.strengthspartnership.com/