84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
pc端上的字体大小和移动短字体大小不一样 ,应该怎么设置 才会使得在移动端上字体不会太小
欢迎选择我的课程,让我们一起见证您的进步~~
可以做成响应式
按解析度来设字体大小,比如
@media (min-width: 858px) { html { font-size: 12px; } } @media (min-width: 780px) { html { font-size: 11px; } } @media (min-width: 702px) { html { font-size: 10px; } } @media (min-width: 724px) { html { font-size: 9px; } } @media (max-width: 623px) { html { font-size: 8px; } }
你是用rem做单位的吧
建议楼主贴个图看看, 这样会更加直观点。
移动端字体较小的解决方法:
设置 viewport
使用rem 单位和结合动态调整html元素的font-size大小,适配起来比较容易
可以做成响应式
按解析度来设字体大小,比如
你是用rem做单位的吧
建议楼主贴个图看看, 这样会更加直观点。
移动端字体较小的解决方法:
设置 viewport
使用rem 单位和结合动态调整html元素的font-size大小,适配起来比较容易