移动端适配
移动端适配
左手喵子
这个作者很懒,什么都没留下…
展开
-
3分钟读懂移动端rem使用方法
在介绍rem之前先介绍em,em是父元素的字体大小,比如一个子盒子的宽度为2em,而且父盒子的font-size是15px,则该子盒子的宽度是2em=15px*2=30px;html{此时若在该页面任意位置写大小3rem则代表3*15px=45px;相比em,rem在整个页面中html的文字大小只有一个font-size能够做到大小一致。原创 2024-02-13 13:05:09 · 843 阅读 · 0 评论 -
移动端和PC端rem布局方式
html设置初始font-size:640px的字体大小。原创 2024-02-13 11:25:59 · 479 阅读 · 0 评论 -
苹果屏幕尺寸和分辨率dpi大全
pt ---- 代表点,是一个标准的长度单位,定义上:1 pt = 1 / 72 英寸,英寸跟我们所熟悉厘米、米一样,所以我们可以明确的指出1pt的长度是多少。DPI ---- 最初用于衡量打印物上每英寸的点数密度,就是表示你的打印机可以在一英寸内打印多少个点。当DPI的概念迁移到计算机屏幕上的时候,就应该称之为PPI。同理:PPI就是表示计算机屏幕上每英寸可以显示的像素点的数量。px ---- 代表像素,是屏幕上能显示的最小单位,在分辨率高的屏幕上,一个像素可能会达到我们肉眼无法识别的大小。原创 2024-02-12 12:52:39 · 555 阅读 · 0 评论 -
手机端页面自适应解决方案—rem布局
设计图一般是640px的,这样相当于100px = 1rem,可以方便计算;原创 2024-02-12 11:47:00 · 185 阅读 · 0 评论