首页 > Web开发 > 详细

hotcss.js Flexible 出现的字体大小设置不正确问题.

时间:2017-03-29 12:18:09      阅读:1954      评论:0      收藏:0      [点我收藏+]

  这段时间一直在用hotcss做移动端适配,做了几个页面没有发现什么问题,后来老大要加快进度,我把项目分出一块给另一个同事做,她发现了一个问题就是字体在dpr=2,dpr=3,的设备上字体大小显示老是不正确.

技术分享

技术分享

 

字体明明设置的是34px;computed完成之后偏偏显示的是38.44px;比实际大了不少,并且查找了好多资料页没解决问题,

后来看了下别人的例子,技术分享这样写就会显示正确.技术分享

 

加了max-height: 100%; display: block;这2个属性突然就好了.测试了下发现,只要将dom元素设置成能设置大小的元素就可以,包括float:left;inline-block等,再加上max-height: 100%;就解决了.

虽然原理没去研究,猜测应该是dpr缩放导致元素计算错误的.

 

hotcss.js Flexible 出现的字体大小设置不正确问题.

原文:http://www.cnblogs.com/chengfeng6/p/6639105.html

(1)
(6)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!