1.移动端开发与PC端网页的不同?
>PC屏幕大,网页固定版心
>手机屏幕小,网页宽度多数为100%
2.屏幕尺寸:
指的是屏幕对角线的长度,一般用英寸来表示。
移动端默认屏幕宽度是980px,我们需要使用视口来调整其网页宽度大小等于逻辑宽度。
3.视口
4.二倍图
二倍图用于显示在高分辨率下依旧清晰的效果,同时和逻辑分辨率有比例关系。(以iphone6/7/8为例我们默认以750px做设计方案)
5.百分比布局
1.移动端开发与PC端网页的不同?
>PC屏幕大,网页固定版心
>手机屏幕小,网页宽度多数为100%
2.屏幕尺寸:
指的是屏幕对角线的长度,一般用英寸来表示。
移动端默认屏幕宽度是980px,我们需要使用视口来调整其网页宽度大小等于逻辑宽度。
3.视口
4.二倍图
二倍图用于显示在高分辨率下依旧清晰的效果,同时和逻辑分辨率有比例关系。(以iphone6/7/8为例我们默认以750px做设计方案)
5.百分比布局