本文介绍了一种响应式网页设计中根据不同屏幕尺寸调整字体大小的方法。具体包括：当屏幕宽度为1366px时，设定1rem等于7px；在1366px至1600px范围内，1rem等于8px；当屏幕宽度大于等于1600px时，1rem等于10px。
@media screen and (max-width: 1366px){
html{
font-size: 7px;
}
body{
font-size: 7px;
}
}
@media (min-width: 1366px) and (max-width:1600px ){
html{
font-size: 8px;
}
body{
font-size: 8px;
}
}
@media screen and (min-width:1600px ){
html{
font-size: 10px;
}
body{
font-size: 10px;
}
}
/***************************************以上代码代表的是******************************************/
在1366的屏幕下
1rem = 7px;
在1366px-至1600px的屏幕下
1rem = 8px;
在1600以上的屏幕下
1rem = 10px;
/********************************************************************************************************/
扫一扫
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
