手机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 
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
时间: 2024-10-18 02:07:15

手机H5设计尺寸的相关文章

手机H5移动端WEB资源整合之meta标签

一.相关网站使用meta的实例 youku首页的Meta设置: <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="title" content="优酷-中国领先视频网站,提供视频播放,视频发布,视频搜索 - 优酷视频" /> <meta n

手机H5页面,滑动到底部自动加载下一页内容

做公众号项目中有如下场景,一个H5页面有列表数据,不考虑一次加载所有数据,故需要分页操作,解决方案为滑动到底部自动加载下一页内容.直接在H5的js当中实现. 主要使用jquery的scroll()方法: 当用户滚动指定的元素时,会发生 scroll 事件. scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口). scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数. 代码如下: $(window).scroll(function()

手机h5页面常见问题

1.meta标签 1 // 手机端页面-用户将不能放大/缩小网页: 2 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> 3 // 忽略数字自动识别为电话号码 4 <meta content="telephone=no" name="format-dete

手机h5 页面 iPhone 下 手机号码 蓝色字体 黑色字体

在手机端 苹果系统下 手机号码会变成蓝色的 ,如何不让手机号变成蓝色  黑色 或者其他颜色 , 苹果真是的 原因是识别成了电话号码,然后成为了链接.解决方法: 更改链接的颜色 a{ color: red } 禁用电话号码识别 <meta name="format-detection" content="telephone=no" />

H5版如何在微信外(非微信浏览器)进行微信支付技术方案

官方是支持在非微信内置浏览器中调起微信支付的!H5支付是基于公众号基础开发的一种非微信内浏览器支付方式(需要单独申请支付权限),可以满足在微信外的手机H5页面进行微信支付的需求.同时,由于H5链接传播十分方便.来源不易追踪,商户需要特别注意做好防钓鱼.防刷单的处理,控制风险. 流程原理 接口说明 (1)用户打开商户H5网页选购商品,生成支付订单:(2)商户调用[统一下单]接口(接口中trade_type需定义为WAP),获得预支付交易会话标识prepayid:(3)商户按照微信H5支付协议生成d

移动端H5的一些基本知识点总结

来到这家公司之后,和以前的工作发生了很大的转变.以前我一直是做PC端页面的.来到现在这家公司之后,主要是做手机移动端的页面. 移动端的页面在我这个做习惯了PC端页面的人看来,应该是很简单的一些事情.但是在上手的过程当中,还是发现,原来移动端虽然DOM结构要简单得多,但是需要注意的细节,还是非常多的.原因非常简单,那就是,你必须考虑所有的手机上不同分辨率的展示效果. 移动端的分辨率有哪些呢? 以iphone为例,有以下分辨率 iphone4 640960 iphone5 6401136 iphon

移动端H5开发入门

零.一些资料 1. http://www.w3school.com.cn/h.asp 2. http://www.imooc.com/learn/33     # 感觉这个还是有些难度的,可以看一些其他的视频资料."慕课网"  nice~ 一.前言 首先声明一下自己吧.对JS和CSS都属于.马马虎虎的那种.昨天才发现 原来页面中的JS可以这样写. (function ( window ) {     function aax( str ) {         alert(str);  

手机前端框架UI库(Frozen UI、WeUI、SUI Mobile)

Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https://github.com/frozenui/frozenui Demo:http://frozenui.github.io/frozenui/demo/index.html WeUI 自述:WeUI是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一. 开

【公众号】h5牛牛游戏源码出售 平台免费搭建分享教程

2018年最新的h5游戏,现在免费分享给大家.[公众号]h5牛牛游戏源码出售 平台免费搭建(Q-2152876294)分享教程链接http://diguaym.com/h5 手机H5游戏是现在的潮流,因为搭建相对简单,操作也方便,今天我分享的是H5游戏的服务器搭建步骤,希望能有人从中受益! 1.准备一套新版地瓜牛牛源码(diguaym.com/h5)微信H5牛牛源码 然后,购买一台服务器,这就不详解了,下面重点说明H5牛牛源码服务器搭建步骤. 2.连接服务器 window下安装Xshell(打包