优雅地进行移动端开发

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：

1）选取一款手机的屏幕宽高作为基准(比如 iphone6的375×667)。

2）对于高清屏幕，为了达到高清效果，视觉稿的画布大小会是基准的2倍（对iphone6而言：原先的375×667，就会变成750×1334）。

问题1：对于dpr=2的手机，为什么画布大小×2，就可以解决高清问题？

首先，我们要先了解一下 dpr 是什么？

• 设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系，它的值可以按如下的公式的得到：

设备像素比 = 物理像素 / 设备独立像素  // 在某一方向上，x方向或者y方向

1. 使用百分比 % 进行布局

假如你使用%对该块进行布局，很快，你就会觉得非常的‘苦逼’，由于每一块有margin值，而margin的百分比你很难去计算得到，并且，你可能需要用到各种不同的媒体查询 

@media(max-width:320px){  div{margin-right: 1%;}}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：优雅地进行移动端开发

关键词：