Android平板电脑上的网页宽度

时间:2015-09-12 10:22:50

标签: android hybrid

我是混合开发的初学者。所以当我们研究平板电脑尺寸时,我想知道网页设计宽度的最佳实践?

1 个答案:

答案 0 :(得分:0)

以下是我喜欢设计的尺码;并非所有这些都可能是您的需求的理想选择,但我发现这往往可以满足最常见的设备配置。当我参考设备宽度时,它是“设备无关像素”:P

<强> 1,024像素x

这是横向模式下1:1比例平板电脑的典型设备宽度,适用于较大的电脑显示器。

iPad技术规格注意:带有Retina显示屏的iPad仍然在浏览器中保持设备宽度为1024px横向,纵向为768px Android开发者:支持多个屏幕

<强> 1023-980px

这是iOS设备的默认视口宽度(应该代表“平均”网站宽度),这也非常适合普通大小的计算机显示器。

iOS Developer Library:配置视口

<强> 979-768px

这是纵向模式下Apple iPad的设备宽度。注意:许多16:9 Android平板电脑的设备宽度为720px:Android开发者:支持多个屏幕

iPad技术规格注意:带有Retina显示屏的iPad仍然在浏览器中保持设备宽度为1024px(横向)和768px(纵向)

<强> 767-480px

这是横向模式下1:1比例手机的典型设备宽度。

iOS开发者库:iPhone和iPod touch上的布局和指标 Android开发者:支持多个屏幕 黑莓开发指南:开发不同屏幕尺寸的应用程序