首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > IOS > 正文

手机端网页设计尺寸_html/css_WEB-ITnose-html教程

作者：Gray_林剑峰 | 来源：互联网 | 2017-05-12 01:15
手机端网页设计尺寸
在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。

在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

iPhone手机网页的设计尺寸

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓网页的设计尺寸

  • 320dp：一个普通的手机屏幕（240X320，320×480，480X800）
  • 480dp：一个中间平板电脑像（480×800）
  • 600dp：7寸平板电脑（600×1024）
  • 720dp：10寸平板电脑（720×1280，800×1280）

    • ipad网页的设计尺寸

    iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
    iPad第一代第二代尺寸是1024x768px分辨率是132PPI
    iPad Mini尺寸是1024x768px分辨率是163PPI

    推荐阅读
    • ipad

      Netflix利用Druid实现高效实时数据分析

      Netflix利用Druid实现高效实时数据分析
      本文探讨了全球领先的在线娱乐公司Netflix如何通过采用Apache Druid，实现了高效的数据采集、处理和实时分析，从而显著提升了用户体验和业务决策的准确性。文章详细介绍了Netflix在系统架构、数据摄取、管理和查询方面的实践，并展示了Druid在大规模数据处理中的卓越性能。 ... [详细]
    • macos

      Ulysses Mac v29：革新文本编辑与写作体验

      Ulysses Mac v29：革新文本编辑与写作体验
      探索Ulysses Mac v29，这款先进的纯文本编辑器为Mac用户带来了全新的写作和编辑环境。它不仅具备简洁直观的界面，还融合了Markdown等标记语言的最佳特性，支持多种格式导出，并提供强大的组织和同步功能。 ... [详细]
    • macos

      2017苹果全球开发者大会前瞻：iOS革新、Siri智能音箱与AI技术引领未来

      2017年苹果全球开发者大会即将开幕，预计iOS将迎来重大更新，同时Siri智能音箱有望首次亮相，AI技术成为大会焦点。 ... [详细]
    • ios

      智慧城市建设现状及未来趋势

      智慧城市建设现状及未来趋势
      随着新基建政策的推进及‘十四五’规划的实施，我国正步入以5G、人工智能等先进技术引领的智慧经济新时代。规划强调加速数字化转型，促进数字政府建设，新基建政策亦倡导城市基础设施的全面数字化。本文探讨了智慧城市的发展背景、全球及国内进展、市场规模、架构设计，以及百度、阿里、腾讯、华为等领军企业在该领域的布局策略。 ... [详细]
    • ipad

      C语言入门精选教程与书籍推荐

      C语言入门精选教程与书籍推荐
      本文精选了几本适合不同水平学习者的C语言书籍，从基础入门到进阶提高，帮助读者全面掌握C语言的核心知识和技术。 ... [详细]
    • iphone

      如何在iPhone上配置邮件账户：苹果Mail设置指南

      本文详细介绍了在iPhone上设置和配置邮件账户的步骤，包括基础设置、服务器端口调整以及其他个性化选项，帮助用户顺利完成邮件账户的配置。 ... [详细]
    • ios

      高效筛选APP产品经理的面试技巧

      本文旨在提供一套高效的面试方法，帮助企业在短时间内找到合适的产品经理。虽然观点较为直接，但其方法已被实践证明有效，尤其适用于初创公司和新项目的需求。 ... [详细]
    • macos

      苹果系统频繁弹窗提示无法验证服务器身份？竟是网易邮箱证书过期所致

      苹果系统频繁弹窗提示无法验证服务器身份？竟是网易邮箱证书过期所致
      近日，众多苹果用户发现iOS、iPadOS和macOS系统频繁弹出无法验证服务器身份的警告。问题根源在于网易邮箱未能及时更新其数字证书，导致原证书过期后无法被信任。 ... [详细]
    • ipad

      优化Spring Boot项目，大幅提升并发性能

      本文探讨了如何通过一系列技术手段提升Spring Boot项目的并发处理能力，解决生产环境中因慢请求导致的系统性能下降问题。 ... [详细]
    • ipad

      使用C# .NET构建UDP点对点聊天应用

      使用C# .NET构建UDP点对点聊天应用
      本文详细介绍如何利用C# .NET框架开发一个基于UDP协议的点对点聊天程序，包括客户端与服务器之间的连接建立、数据传输等核心功能。 ... [详细]
    • ipad

      MLB正式开放可穿戴技术的应用

      MLB正式开放可穿戴技术的应用
      据知情人士透露，美国职业棒球大联盟(MLB)计划在当前赛季内引入两款先进的可穿戴设备，旨在提升球员健康管理和性能分析能力。这两款设备分别是能够测量肘关节压力的Motus袖套和能监控心跳与呼吸速率的Zephyr Bioharness。 ... [详细]
    • ipad

      力扣93：复原IP地址问题解析（Golang实现）

      力扣93：复原IP地址问题解析（Golang实现）
      本文探讨了力扣平台上的第93号问题——复原IP地址。该问题要求从给定的纯数字字符串中，通过添加分隔符‘.’来构建所有可能的有效IP地址。有效IP地址由四个介于0至255之间的整数组成，不允许出现前导零。 ... [详细]
    • ipad

      Android 设备通过移动数据或Wi-Fi获取MAC地址的高级方法

      本文介绍了两种在Android设备上获取MAC地址的有效方法，包括通过Wi-Fi连接和使用移动数据流量的情况。第一种方法依赖于Wi-Fi连接来获取MAC地址，而第二种方法则无需Wi-Fi，直接通过网络接口获取。 ... [详细]
    • ios

      M1 Mac Mini 频繁自动重启问题探讨

      近期遇到 M1 Mac Mini 在休眠状态下频繁自动重启的问题，通过日志分析尝试找出可能的原因。 ... [详细]
    • ipad

      如何在Linux环境下通过Java代码获取主机IP地址

      如何在Linux环境下通过Java代码获取主机IP地址
      本文详细介绍了在Linux系统中利用Java编程语言来获取当前主机的IP地址的方法。包括了如何处理网络接口以及选择合适的IP地址等关键步骤。 ... [详细]
    author-avatar
    Gray_林剑峰
    这个家伙很懒，什么也没留下！
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有