根据浏览器宽度自动计算font-size适配

问题描述:chrome浏览器模拟iphone6计算出的font-size不对,导致页面布局有问题

index.html中需要添加<meta name="viewport" content="width=device-width,initial-scale=1.0">否则html的默认宽度不是屏幕宽,导致font-size计算不对

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,101评论 2 15
  • 1. 介绍 浏览器可能是最广泛使用的软件。本书将介绍浏览器的工作原理。我们将看到,当你在地址栏中输入google....
    康斌阅读 2,071评论 7 18
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 3,319评论 0 7
  • Masonry github Masonry介绍与使用实践-里脊串 UITableViewFDTemplateLa...
    Jay神阅读 483评论 0 4