探究手机端网页设计型号

相信你们都是过手机端网页设计了吧？其实在设计过程中，要非常注意手机的尺寸，以免手机不适应网页的尺寸，所以现在我们课课家教育将跟你们一起探究手机端网页设计的尺寸。我们在windowXP常见分辨率1024×768下我们除掉任务栏，而浏览器菜单栏以及状态栏后剩下的网站首屏高度平均值是584。不过在Window7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网站首屏高度平均值是716。所以于设计来说，要选择一个合适的规格成为正常大小跟中等屏幕密度（尺寸的选定根据打算适配的软件，小编建议参考现主流软件分辨率，这个最关键），然后往下和向下做小、大、特大和低、高、超高的规格与强度，这样对比后，才能作出更合适的网页设计的型号。

步骤1：首先我们来说下iPhone手机的尺寸吧。iPhone相机网页的设计型号（仅供参考）

iPhone5尺寸是640x1136px分辨率是326PPI

iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

步骤2：接着我们来看下安卓手机，以及安卓平板电脑的型号吧。

安卓网页的设计型号（包括手机跟平板）：

320dp：一个普通的相机屏幕（240X320，320×480，480X800）

480dp：一个中间平板电脑像（480×800）

600dp：7寸平板手机（600×1024）

720dp：10寸平板手机（720×1280手机网页设计尺寸，800×1280）

步骤3：然后探究下ipad的尺寸吧。

ipad网页的设计规格（ipad分为好几代，每一代的分辨率都不相似的）：

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

iPad第一代第二代尺寸是1024x768px分辨率是132PPI

iPadMini尺寸是1024x768px分辨率是163PPI

小编结语：相信你们看完之后，都会对一些相机，平板手机或者ipad的分辨率和厚度都有所了解了吧，希望你们在设计手机端网页时，都应注意下他们的规格跟分辨率，以免不适合。希望这节教程能对你们有所帮助。如果各位还想知道更多更精彩的教程，欢迎再次关注我们课课家教育，我们将为你们带给更多更精彩的教育咨询手机网页设计尺寸，考证、软考等内容。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/sanxing/article-136286-1.html