在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 媒體查詢r(jià)em如何換算

媒體查詢r(jià)em如何換算

@media only screen and (max-width: 310px) and (min-width: 300px) {html {font-size: 9px}}
@media only screen and (max-width: 320px) and (min-width: 310px) {html {font-size: 9px} }
@media only screen and (max-width: 360px) and (min-width: 320px) {html {font-size: 9px}.filter-menu-list ul li i{margin-top:-.1rem;} .filter-menu-list ul li em{margin-top:-.4rem;}}
@media only screen and (max-width: 360px) and (min-width: 350px) {html {font-size: 10px} }
@media only screen and (max-width: 480px) and (min-width: 360px) {html {font-size: 10px}.filter-menu-list ul li i{margin-top:-.1rem;} .filter-menu-list ul li em{margin-top:0rem;}}
@media only screen and (max-width: 480px) and (min-width: 470px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 560px) and (min-width: 480px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 570px) and (min-width: 560px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 570px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 630px) {html {font-size: 17.77778px}}
@media only screen and (max-width: 710px) and (min-width: 640px) {html {font-size: 17.77778px} }

上面那段媒體查詢是之前項(xiàng)目里使用的，所以現(xiàn)在只能繼續(xù)用這種方法適配，設(shè)計(jì)圖是750px的，假設(shè)有一個(gè)寬度為600px的元素，如何換算成rem呢，嗯~~, 600/10px或者600/xxx什么的，好像和設(shè)計(jì)圖看起來都不太對。

回答
編輯回答
忠妾

你這個(gè)多媒體查詢里沒有覆蓋到你分辨率為750px的大小

2018年6月15日 02:34
編輯回答
冷眸

在設(shè)計(jì)圖上寬度為600px的元素要先除以2，也就是600/2/10。750px的設(shè)計(jì)圖是iPhone6/7，dpr為2，要除以2。

2017年4月30日 18:23