- 博客(3)
- 收藏
- 关注
RSS订阅原创 使用 rem dpr 实现移动端的自适应布局应该注意的问题
我们在上一篇《使用 rem 实现移动端的自适应布局》介绍了如何使用 rem 实现移动端自适应布局的问题，然而在实际项目中还有许多问题需要解决。前端之所以称为前端，就是冲锋陷阵的前方，作品直接对接真实用户，前端产品的质量直接影响用户的体验，也直接体现了整个产品的质量。所以对于前端工程师来说，要把产品做到尽善尽美。首先看看页面字体问题，根据之前做法，页面中的字体大小可以根据设计稿的大小，通过...
2019-10-11 17:12:09
572
原创 dpr（设备像素比）与 移动端适配
在上一篇文章中（使用 rem 实现移动端的自适应布局），我们讲到 iphone6s 的屏幕宽度为 375px，我们拿到的视觉稿也是基于iphone6s 设计的，但是设计稿的宽度却是 750px，这是为什么呢？原因就是 iphone6s 的屏幕 dpr = 2，首先我们先理解 3 个概念：物理像素(physical pixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在...
2019-09-29 17:46:40
2148
原创 使用 rem 实现移动端的自适应布局
先看一下网上对 rem 的介绍：rem是CSS3新增的相对长度单位，是指相对于根元素html的font-size计算值的大小；设计思路：可以看出 rem 是一个相对长度单位，而且是 “相对于根元素html的font-size计算值的大小”，例如：我们 设置一页面的 html 标签的 font-size 为 16px,如下：html { font-size: 16px;}...
2019-09-29 11:15:08
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人