<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>红包雨</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no" /> <style> body{ margin:0; padding:0; font-size:1em; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none; } .redRain{ width:100%; height:100%; padding:0; margin:0;} .test{margin:0 auto; width:250px; height:30px; text-align:center;} .timerBox{ position:relative; width:100%; display:bolck;} .timerBox .input{margin:0 auto; width:250px; height:30px;} </style> </head> <body> <div class="redRain"> <div class="test">注册</div> <div class="test">LOG</div> <div class="w timerBox"> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> <div class="input">手机号:<input name="userName" type="text" /></div> </div> </div> </body> </html>
说明:
1、将<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">修改为<meta name="viewport" content="initial-scale=0, maximum-scale=0, user-scalable=0">就可以禁止手机H5页面默认最大化和放大缩小;
相关推荐
h5页面模版源码 ,非常酷炫的html5模板 ,可以直接使用,也可以参考学习
H5 PhotoSwipe简单例子 H5 PhotoSwipe简单例子 H5 PhotoSwipe简单例子 H5 PhotoSwipe简单例子 自己改装成vue的例子 图片能发大缩放
H5alert弹窗提示各种例子,带样式非常的漂亮。有必要的同事可以下载下来看看
vue写的H5纯前端高仿饿了么webapp,是学习vue不可多得的例子
高手封装成一个方法,好用,直接调用就可以,里面有例子
H5页面下拉加载插件,例子上是vue项目中使用,非常nice!
1.可用于移动端H5 2.可用于小程序webview,用于替代wx.uploadFile的技术方案 3.PHP服务端文件接收请使用$_FILES 4.设置的格式支持MP3,WAV可自己调整 5.如果后端接收到的tmp_name为空,请检查服务端允许上传的文件...
H5页面特效 包扣时钟,动态路径,统计图,数字滚动等特效
一个简单的例子,前端使用一个h5video标签,向服务端请求视频文件并进行播放。 服务端采用springboot,maven。
微信H5支付示例,调用微信支付的统一下单,返回支付链接然后跳转至支付页面完成支付流程,真实有效;
用鱼刺模块实现H5页面京东登录+新浪微博登录例子.送给一起学习的新手!!!
接到需求的时候我偷乐了一下,这个H5页面最大的优点是不在微信中使用(微信好坑,各种限制,基本上从微信浏览器里面实现直接下载apk是不太可能的),如果是在平常的浏览器的话,就简单多了。 功能实现 于是我想到了...
/*一开始默认的视频路径(每个页面都会有一个默认的视频吧)*/ 1 var csdz="media/mp4"; /*这一步判断他是什么浏览器,调用不同的格式的视频(这里以mp4为例子)*/ 1 2 var xzdz=".mp4"; vids.src=csdz+xzdz; ...
汽车webapp html5源码 静态html页面源代码,包括所有图片,css,页面源码,精品。
最近写项目,用到了webView,这是一个很重要的控件,但是在开发中要拿到网址,所以我写了一个例子上传和大家交流学习
web页面完美调用海康摄像头demo,支持预览、抓拍、录像、最重要的是支持云台、支持云台、支持云台。
利用swfupload结合struts2实现的一个上传mp3和mp4文件,并可以在页面上用html5进行播放,本例只是自己动手写的一个小例子。注意:为了节省资源,例子中并未包含struts2的jar,需要手动添加struts2用到的jar包
从晚上下载的例子,发现不能自动获取设备、服务和特征值,这就导致了程序通用性大大降低,在通过自己的摸索后,将这部分功能调试通过,现在已经是一个通用的webapp调用ble的程序了,功能包括搜索、连接蓝牙,选取...
在公司参与一个原生APP和h5混合开发的项目,本人在项目中负责h5部分,现将项目中遇到的问题总结如下: 具体问题 问题1:页面滚动条问题 问题描述 web页面在PC浏览器上浏览时有滚动条;但是,在移动端浏览器打开时,...