1. 程式人生 > >為什麽在移動端用rem圓角不圓

為什麽在移動端用rem圓角不圓

16px med idt ext 計算 11.2 html wid max-width

rem是根據網頁效果圖的尺寸來計算的,當然還要借助媒體查詢來完成。
例如你的設計稿如果是寬720px的話,那你的文字就要以原始大小除以11.25,就是對應下面媒體查詢720px;例如16px的話就要16/11.25這樣來計算。用之前要把下面這段代碼放到你css文件裏:
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px;
}
}

@media only screen and (max-width: 960px) {
html, body {
font-size: 15px;
}
}

@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px;
}
}

@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px;
}
}

@media only screen and (max-width: 640px) {
html, body {
font-size: 10px;
}
}

為什麽在移動端用rem圓角不圓