max-width:300px
或
min-weidth
具体数值自己定义
注意不要再设置width
如果a标签没有设置属性为 display:inline-block 或者 block属性 并设定宽度的话,img只会根据li的宽度来进行百分比计算。li设置了宽度的话就是根据li的宽度,没有设定就是根据ul设定的宽度 如果ul也没设定那就是body的宽度,反正这样 一层一层的往上推理。css字体设置是没有的,一般都是通过JS或是写适应代码来操作字体大小可视区域的宽度在 600px 和 900px 之间的时候被应用。
@media screen and (min-width: 600px) and (max-width: 900px) {body{font-size:18px}
}
可视区域的宽度在 200px 和 400px 之间的时候被应用。
@media screen and (min-width: 200px) and (max-width: 400px) {
body{font-size:14px}
}