zoukankan      html  css  js  c++  java
  • 手机页面开发 --对于不同分辨率字体的处理

    在手机页面的开发过程中,会发现一个问题,字体如果设置固定的px em 导致大点分辨率的字体就小,小点分辨率的字体就过大,处理这类问题

    针对不同的浏览器设置不同的字体大小

    @media only screen and (max- 800px) { p{ font-size: 19px;}.footer{font-size: 18px;}.contextTitle{font-size: 21px;}}
    @media only screen and (max- 640px) { p{ font-size: 18px; }.footer{font-size: 17px;}.contextTitle{font-size: 20px;}}
    @media only screen and (max- 600px) { p{ font-size: 17px; }.footer{font-size: 16px;}.contextTitle{font-size: 19px;}}
    @media only screen and (max- 560px) { p{ font-size: 16px; }.footer{font-size: 15px;}.contextTitle{font-size: 18px;}}
    @media only screen and (max- 500px) { p{ font-size: 15px; }.footer{font-size: 14px;}.contextTitle{font-size: 17px;}}
    @media only screen and (max- 460px) { p{ font-size: 14px; }.footer{font-size: 13px;}.contextTitle{font-size: 16px;}}
    @media only screen and (max- 400px) { p{ font-size: 13px; }.footer{font-size: 12px;}.contextTitle{font-size: 15px;}}
    @media only screen and (max- 360px) { p{ font-size: 12px; }.footer{font-size: 11px;}.contextTitle{font-size: 14px;}}
    @media only screen and (max- 300px) { p{ font-size: 11px; }.footer{font-size: 10px;}.contextTitle{font-size: 13px;}}

  • 相关阅读:
    react注意事项
    小程序的页面滚动
    calc
    写好的vue项目怎么打包成uniapp形式
    处理其他系统过来的token.
    解析token
    iframe接受不同域名的token
    tree懒加载的使用,
    js防抖节流
    vue2.0和vue3.0的区别
  • 原文地址:https://www.cnblogs.com/jinTaylor/p/4552217.html
Copyright © 2011-2022 走看看