资讯专栏INFORMATION COLUMN

关于Web移动端rem单位的那些坑

doodlewind / 605人阅读

摘要:第一次写个人博客有些小忐忑,闲话少说,直接开撸。关于的使用不多说,大家都知道是根据根字体的大小搞的一个单位。总结当宽度不确定是,标签尽量少用。

-;第一次写个人博客有些小忐忑,闲话少说,直接开撸。
前两天帮一朋友写一微信场景开发,头疼的是来回更改5遍,作为一个设计公司,他们对字体行间距的要求细如发丝。

关于rem的使用不多说,大家都知道是根据根字体的大小搞的一个单位。
直接上图:

这两个图,在Chrome的模拟器上是没什么问题的,但是在Iphone6以上,尽管font-size都用的统一个0.33rem,在真机上看的还是有问题,稍微有点大了,原因在于宽度设置为100%的时候,使用padding字体可能被压缩而被撑大。
总结:当宽度不确定是,p标签尽量少用padding。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/22255.html

相关文章

  • 关于Web移动rem单位那些

    摘要:第一次写个人博客有些小忐忑,闲话少说,直接开撸。关于的使用不多说,大家都知道是根据根字体的大小搞的一个单位。总结当宽度不确定是,标签尽量少用。 -;第一次写个人博客有些小忐忑,闲话少说,直接开撸。前两天帮一朋友写一微信场景开发,头疼的是来回更改5遍,作为一个设计公司,他们对字体行间距的要求细如发丝。 关于rem的使用不多说,大家都知道是根据根字体的大小搞的一个单位。直接上图: show...

    happyfish 评论0 收藏0
  • 关于Web移动rem单位那些

    摘要:第一次写个人博客有些小忐忑,闲话少说,直接开撸。关于的使用不多说,大家都知道是根据根字体的大小搞的一个单位。总结当宽度不确定是,标签尽量少用。 -;第一次写个人博客有些小忐忑,闲话少说,直接开撸。前两天帮一朋友写一微信场景开发,头疼的是来回更改5遍,作为一个设计公司,他们对字体行间距的要求细如发丝。 关于rem的使用不多说,大家都知道是根据根字体的大小搞的一个单位。直接上图: show...

    104828720 评论0 收藏0
  • 一次搞清楚移动适配这几个单位慨念

    摘要:真的是给我们新手学习移动端适配造成不少困惑英语真的很重要呀。细节高清屏上的处理其实并不是所有做移动端适配的人都一定会遇到这个问题。 一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、rem方案的原理和细节 高清屏上,位图的处理 高清屏上,关于border: 1px的处理 移动端屏幕的自动适配的处理 移动端屏幕上字体大小的处理...

    objc94 评论0 收藏0
  • 一次搞清楚移动适配这几个单位慨念

    摘要:真的是给我们新手学习移动端适配造成不少困惑英语真的很重要呀。细节高清屏上的处理其实并不是所有做移动端适配的人都一定会遇到这个问题。 一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、rem方案的原理和细节 高清屏上,位图的处理 高清屏上,关于border: 1px的处理 移动端屏幕的自动适配的处理 移动端屏幕上字体大小的处理...

    elva 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<