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

標籤：size   media   body   max   20px   圓角   and   大小   完成   

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圓角不圓