如何设置css固定长宽比例

html-css010

如何设置css固定长宽比例,第1张

可以给要设置固定高宽比例的元素加上

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}

}