zoukankan      html  css  js  c++  java
  • 关于移动端APP开发-字体样式变大问题

    前两天在写App项目的时候发现一个问题,就是明明css写的样式是14px,刚开始在页面显示时并未出现问题,可是内容一多,字体突然变大了。

    what?,不明所以,在各大网站上找了好久才知道是浏览器的字体提升的问题。

    先说说解决的方法吧,可以直接在css样式中写下

    body,body*{
        Max-height:1000000px;
    }
    

     就可以直接禁用。

     出现这一原因可能是和font boosting有关。font boosting 特性在这时会自动将其中的文字字体变大,保证在即不需要左右滑动屏幕,也不需要双击放大屏幕内容的前提下,也可以让人们方便的阅读页面中的文本。

    不过这个特性也并不是总是需要的。特别是要针对设计图完整的还原出来的时候就会很坑爹,那么就可以使用上面的方面禁用了。

    不过在移动端开发的时候适当的在头部添加meat标签的viewport属性

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    想更深入了解viewport属性在网上也有很多博文,就不附链接了。
  • 相关阅读:
    SpringBoot进阶教程(六十二)整合Kafka
    98每日博客
    96每日博客
    95日每周总结
    829每周总结
    815每周总结
    81每周总结
    822每周总结
    97每日博客
    88每周总结
  • 原文地址:https://www.cnblogs.com/xzhan/p/9297957.html
Copyright © 2011-2022 走看看