手机端网页制作单位 第1篇
px单位是绝对单位,一般用于pc端网页开发。因为是绝对单位所以在移动端上的使用体验并不是很好
举例:
pc端
移动端
px单位在pc端都是200px,并没有随着屏幕尺寸而变换
手机端网页制作单位 第2篇
rem它是描述相对于当前根元素字体尺寸,是相对单位。它可以根据根元素的变换而变换,根元素一般指的是html的font-size,默认值是1rem=16px
举例:
pc端:
手机端:
rem单位是相对单位所以可以很好的适配手机端
手机端网页制作单位 第3篇
vw和vh是视口(viewport units)单位,何谓视口,就是根据你浏览器窗口的大小的单位,不受显示器分辨率的影响,是不是很神奇,这就代表了,我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题。
vw是可视窗口的宽度单位,和百分比有点一样,1vw = 可视窗口的宽度的百分之一。比如窗口宽度大小是1800px,那么1vw = 18px。和百分比不一样的是,vw始终相对于可视窗口的宽度,而百分比和其父元素的宽度有关。
vh就是可视窗口的高度了。
他们能够根据窗口大小来自动调节字体大小,这就能很轻松地完成响应式页面的布局
手机端网页制作单位 第4篇
iPhone7,8 (@2×)
iPhone6 Plus (@3×)
iPhone6 (@2×)
iPhone5 - 5C - 5S (@2×)
iPhone4 - 4S (@2×)
iPhone & iPod Touch第一代、第二代、第三代
手机端网页制作单位 第5篇
vivoZ6
vivoiQOO 3
vivoiQOO Neo 855竞速版
vivovivo x30
OPPOReno
OPPOFind X2
OPPOOPPO Reno3 元气版
Find X2 Pro
三星Galaxy S10+
三星Galaxy Note10
三星Galaxy S10
三星Galaxy A90
魅族Note9
魅族 16T
魅族 X8
魅族 16 X
华为Mate30
华为P40 Pro
华为P30
华为nova 6
小米10
小米10 Pro
小米Redmi Note8
小米Redmi Note8 Pro
魅族MX2
魅族MX3
魅族MX4
三星GALAXY Note 4
三星GALAXY Note 3
三星GALAXY S5
三星GALAXY Note II
索尼Xperia Z3
索尼XL39h
HTC Desire 820
HTC One M8
OPPO Find 7
OPPO N1
OPPO R3
OPPO N1 Mini
小米M4
小米红米Note
小米M3
小米红米1S
小米M2S
华为荣耀6
锤子T1
LG G3
OnePlus One