問題描述

我的設(shè)計(jì)稿是640px的，所以設(shè)置font-size:62.5%比較寫值，但是屏幕縮小后的font-size比例我不知如何把控，不知這樣寫對不對？min-width: 580px和max-width:580px會(huì)不會(huì)沖突呢？

@media only screen and (min-width: 640px){ html{font-size: 62.5%; }}@media only screen and (max-width: 640px) and (min-width: 580px){ html{font-size: 62.5%; }}@media only screen and (max-width:580px) and (min-width: 440px){ html{font-size: 54%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 46%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 42%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 40%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 32%; }}

問題解答

會(huì)的，所以bootstrap 里都是差一個(gè)pixel. 產(chǎn)生沖突會(huì)怎樣呢？根據(jù)css的原理會(huì)選擇后定義的效果（選擇器權(quán)重相同的情況下)。那么這個(gè)沖突會(huì)發(fā)生在屏幕寬度580px的時(shí)候。在用戶使用的時(shí)候這種情況會(huì)很少見。但是并不是最佳實(shí)踐，因?yàn)槎噙M(jìn)行了一次額外渲染。