Android 平板电脑上的网页宽度
Web page width on Android tablet
我是混合开发的初学者。所以我想知道当我们处理平板电脑尺寸时网页设计宽度的最佳实践?
以下是我喜欢设计的尺寸;并非所有这些都可以满足您的需求,但我发现这往往可以满足最常见的设备配置。当我提到设备宽度时,它在 "device independent pixels" :P
1024px
这是横向模式下 1:1 比例平板电脑的典型设备宽度,这也适用于较大的计算机显示器。
iPad 技术规格注意:iPad 视网膜显示屏在浏览器中仍保持设备宽度,横向 1024 像素,纵向 768 像素
Android开发者:支持多屏
1023-980px
这是 iOS 设备的默认视口宽度(应该代表 "average" 网站宽度),这也适用于普通尺寸的计算机显示器。
iOS 开发者库:配置视口
979-768px
这是 Apple iPad 在纵向模式下的设备宽度。注意:许多 16:9 Android 平板电脑的设备宽度为 720px:Android 开发人员:支持多屏幕
iPad 技术规格注意:iPad 配备 Retina 显示屏的设备在浏览器中仍保持横向 1024 像素和纵向 768 像素的设备宽度
767-480px
这是横向模式下 1:1 比例 phone 的典型设备宽度。
iOS 开发者库:iPhone 和 iPod touch 上的布局和指标
Android开发者:支持多屏
Blackberry 开发指南:针对不同屏幕尺寸开发应用程序
我是混合开发的初学者。所以我想知道当我们处理平板电脑尺寸时网页设计宽度的最佳实践?
以下是我喜欢设计的尺寸;并非所有这些都可以满足您的需求,但我发现这往往可以满足最常见的设备配置。当我提到设备宽度时,它在 "device independent pixels" :P
1024px
这是横向模式下 1:1 比例平板电脑的典型设备宽度,这也适用于较大的计算机显示器。
iPad 技术规格注意:iPad 视网膜显示屏在浏览器中仍保持设备宽度,横向 1024 像素,纵向 768 像素 Android开发者:支持多屏
1023-980px
这是 iOS 设备的默认视口宽度(应该代表 "average" 网站宽度),这也适用于普通尺寸的计算机显示器。
iOS 开发者库:配置视口
979-768px
这是 Apple iPad 在纵向模式下的设备宽度。注意:许多 16:9 Android 平板电脑的设备宽度为 720px:Android 开发人员:支持多屏幕
iPad 技术规格注意:iPad 配备 Retina 显示屏的设备在浏览器中仍保持横向 1024 像素和纵向 768 像素的设备宽度
767-480px
这是横向模式下 1:1 比例 phone 的典型设备宽度。
iOS 开发者库:iPhone 和 iPod touch 上的布局和指标 Android开发者:支持多屏 Blackberry 开发指南:针对不同屏幕尺寸开发应用程序