手机H5设计尺寸
手机型号 | 导航栏和状态栏的高度 | 宽度 | 高度 | 可视区域高度 |
iPhone 4 (4, 4S) | 64px | 320px | 480px | 416px |
iPhone 5 (5c, 5s) | 64px | 320px | 568px | 504px |
iPhone 6 | 64px | 375px | 667px | 603px |
iPhone 6 Plus | 64px | 414px | 736px | 672px |
三星Note | 73px | 400px | 640px | 567px |
三星 Note2/Note3/Note4 | 73px | 360px | 640px | 567px |
三星 Galaxy S/S2 | 73px | 320px | 533px | 460px |
三星 Galaxy S3/S4/S5/S6 | 73px | 360px | 640px | 567px |
黑莓 Z30 | 73px+48px(主菜单高度) | 360px | 640px | 519px |
黑莓 Z10 | 73px+48px(主菜单高度) | 384px | 640px | 519px |
黑莓 Leap | 73px+48px(主菜单高度) | 480px | 640px | 519px |
Google Nexus 4 | 73px+48px(主菜单高度) | 384px | 640px | 519px |
Google Nexus 5 | 73px+48px(主菜单高度) | 360px | 640px | 519px |
HTC Sensation/One | 73px+48px(主菜单高度) | 360px | 640px | 519px |
华为 Ascend G6/Mate2 | 73px | 360px | 640px | 567px |
LG G2 | 73px+48px(主菜单高度) | 360px | 640px | 519px |
LG G3 | 73px+48px(主菜单高度) | 480px | 853px | 732px |
Sony Xperia Z/Z1 | 73px+48px(主菜单高度) | 360px | 640px | 519px |
红米 1s/2/2A/Note/Note2 | 73px | 360px | 640px | 567px |
小米 2/3/4/Note/Note Pro | 73px | 360px | 640px | 567px |
手机H5设计尺寸的更多相关文章
- 手机H5 web调试利器——WEINRE (WEb INspector REmote)
手机H5 web调试利器--WEINRE (WEb INspector REmote) 调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的ch ...
- 踩过的坑—iphone手机H5样式兼容总结
对一个前端开发者来说,最煎熬的莫过于"兼容"两个字了(说到这个词朋友们是不是身体一抖),哪怕对于工作多年的老油条来讲,也不是完全了解各种场景下的兼容性处理方法.在这里我就把我在工作 ...
- 微信支付之手机H5支付实践
最近项目中支付部分涉及到微信支付,使用的是h5支付,官方文档中是没有demo的,所以摸着石头过河,将踩过的坑记录如下. 一 应用场景 H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前 ...
- 手机H5移动端WEB资源整合之meta标签
一.相关网站使用meta的实例 youku首页的Meta设置: <meta charset="utf-8"> <meta http-equiv="X-U ...
- 手机H5显示一像素的细线
手机屏幕分辨率的问题,导致h5的1像素看起来比较粗,网上找了一个办法,记下来 主要就是通过scale来缩小宽度 .line1px{ border: none; border-botto ...
- 让人恼火的经历——手机H5网页被注入广告
你的网站是否在尾部出现了让人恼火的广告? 这次我算是遇到了这些流氓的广告.那么就让我们一步步攻克这些恼火的广告吧. 问题描述 某一天下午开始,我们制作的网站就开始被各种广告注入,类似上图这种. 还有在 ...
- 手机H5,用Jquery使图片自动填满两栏式排版
遇上这样的排版,手机的解象度都不同,假如只用CSS3根本就做不出这样的排版:因此要用Jquery. 1. HTML <div class="postImgCenterCrop" ...
- 手机h5 页面 iPhone 下 手机号码 蓝色字体 黑色字体
在手机端 苹果系统下 手机号码会变成蓝色的 ,如何不让手机号变成蓝色 黑色 或者其他颜色 , 苹果真是的 原因是识别成了电话号码,然后成为了链接.解决方法: 更改链接的颜色 a{ color: re ...
- 安卓手机H5底部fix定位,呼出键盘底部会上浮解决办法
<script type="text/javascript">var windowInnerHeight = window.innerHeight; //获取当前浏览器 ...
随机推荐
- JAVA日期时间相关库
Java的日期时间库比较乱,同样一个Date在java.sql下定义,同时也在java.util下也定义了一遍,真不知道SUN是怎么想的. java8以后,java通过jsr310标准引入了一套符合I ...
- Building and booting Nexus 5 kernel
1. Downloading toolchain and setup. git clone https://android.googlesource.com/platform/prebuilts/gc ...
- Linux安装 jdk&maven
JDK安装 1. 下载JDK压缩包http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ...
- Vue 数据持久化
方法一:使用 localStorage 存储数据 window.localStorage.setItem(key,value) 方法二:使用 vuex-persistedstate插件 vuex 存在 ...
- 利用mysql中if函数排序
格式:IF(Condition,A,B) 意义:当Condition为TRUE时,返回A:当Condition为FALSE时,返回B. 作用:作为条件语句使用. select if(`from_use ...
- 07java进阶——集合框架(set)
1.list接口中常用的特有方法 package cn.jxufe.java.chapter7; import java.util.ArrayList; import java.util.List; ...
- Bash数组-判断某个元素是否在数组内的几种方法
声明一个数组array,一个待测试元素var array=( element1 element2 element3 ) var="element1" 接下来用几种方法来分别测试va ...
- c调用c++
g++ main.c math.cpp math.h中加入extern "C"
- php内置函数分析array_count_values()
PHP_FUNCTION(array_count_values) { zval *input, /* Input array */ *entry, /* An entry in the input a ...
- 【LuoguP4916】魔力环
题目链接 题意 求出 \(n\) 个珠子的在旋转同构意义下的手 环 个数,满足以下条件: 恰好有 \(m\) 个黑色珠子,其余为白色. 黑色珠子形成的最长连续段不能超过 \(k\) 个. Sol 考虑 ...