文档章节

前端适配rem和px问题

米依若兮
 米依若兮
发布于 11/20 09:31
字数 229
阅读 15
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

问题描述:pc端屏幕适配问题一直是个难点,选择用rem+媒体查询的方式。但是遇到了问题:

1、给了font-size: 62.5%;结果发现1rem=12px,

2、考虑可能是因为谷歌浏览器支持的最小字号是12px导致的,去谷歌的高级设置中把最小字号改成了8,结果发现还是不行。

3、直接把font-size: 62.5%改成了font-size: 625%,也就是1rem=100px,发现这样是可以的。

4、再结合媒体查询实现了屏幕的适配问题

© 著作权归作者所有

米依若兮
粉丝 1
博文 30
码字总数 6430
作品 0
浦东
程序员
私信 提问
移动web适配利器-rem

分类目录 Alloy 实验室 (42) Web开发 (486) 团队 (30) 移动开发 (25) 资源工具 (49) 最新文章 TAT.joeyguo发表在《使用 gka 一键生成帧动画》 TAT.joeyguo发表在《使用 gka 加速 createjs 动...

sd19871122
2017/12/17
0
0
使用Flexible实现手淘H5页面的终端适配

曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页...

问题达人
2016/03/29
76
0
使用Flexible实现手淘H5页面的终端适配--大漠

曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页...

拉普拉斯婷
2016/12/15
137
0
【干货】前端rem单位的正确使用姿势

简单阐述下px、em、rem之前的关系(其实网上很多,我这里稍微提一下)。 先抛出一个问题:为什么要选择rem? px:像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,可...

wecloudnet
2016/05/05
1K
0
CSS_相对单位rem

rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之...

喵王不瞌睡
2016/03/18
77
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里巴巴的 Kubernetes 应用管理实践经验与教训

作者 | 孙健波(天元) 阿里巴巴技术专家 导读:本文整理自孙健波在 ArchSummit 大会 2019 北京站演讲稿记录。首先介绍了阿里巴巴基于 Kubernetes 项目进行大规模应用实践过程中遇到的问题;...

阿里巴巴云原生
10分钟前
2
0
pinpoint采样原理分析

使用pinpoint进行全链路监控时,支持对请求的采样,某条请求是否被采样,取决于整个链路开始的机器。该机器使用特定的采样算法。采样的标志会一直在链路中透传。比如在http里面,会在header里...

xiaomin0322
15分钟前
2
0
在IDEA开发工具中使用lombok

1. 首先我们需要安装IntelliJ IDEA中的lombok插件,打开IntelliJ IDEA后点击菜单栏中的File-->Settings,或者使用快捷键Ctrl+Alt+S进入到设置页面 我们点击设置中的Plugins进行插件的安装,在...

欧阳飘
16分钟前
2
0
爱码仕 5G生活畅想 (五) 每个人每个家庭都有一朵私有的云

30年前,微软让每个家庭都有一台电脑的理念成为了现实;而今云计算的观念已为老百姓们所熟识。数据就是能源;数据就是财富;谁生产了数据,这数据的所有权就归谁所有。随着原生云基础设施的完...

LitStone
18分钟前
3
0
嵌入式入门:嵌入式领域的职业发展方向是什么?

嵌入式入门:嵌入式领域的职业发展方向是什么? 在如今的IT市场上看,嵌入式的发展的应用都是广受欢迎的,在嵌入式入门学习中,我们可以发现嵌入式的发展方向有很多,门槛高低不一样。下面就...

xyd118
18分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部