这是一些头部设置

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<!--强制浏览器以竖屏的布局来显示页面，缩放比例为1，最小缩放值为1，最大缩放值为1，用户缩放设置为不允许-->

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />-->

		<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, email=no" />

		<!-- 忽略页面中的数字识别为电话，忽略email识别 -->

		<!-- 启用360浏览器的极速模式(webkit) -->

		<meta name="renderer" content="webkit">

		<!-- 避免IE使用兼容模式 -->

		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->

		<meta name="HandheldFriendly" content="true">

		<!-- 微软的老式浏览器 -->

		<meta name="MobileOptimized" content="320">

		<!-- uc强制竖屏 -->

		<!--<meta name="screen-orientation" content="portrait">-->

		<!-- QQ强制竖屏 -->

		<meta name="x5-orientation" content="portrait">

		<!-- UC强制全屏 -->

		<!--<meta name="full-screen" content="yes">-->

		<!-- QQ强制全屏 -->

		<meta name="x5-fullscreen" content="true">

		<!-- UC应用模式 -->

		<meta name="browsermode" content="application">

		<!-- QQ应用模式 -->

		<meta name="x5-page-mode" content="app">

		<!-- windows phone 点击无高光 -->

		<meta name="msapplication-tap-highlight" content="no">

		<!-- 适应移动端end -->

		<title></title>

	</head>

	<body>

	</body>

</html>

移动端新建html页面的更多相关文章

  1. Ionic2学习笔记（1）：新建一个页面

    作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html                 新建一个页面: 借上一篇中的HelloWorl ...

  2. MyEclipse中新建JSP页面编码设置（UTF-8）

    今天再次遭遇反人类的Eclipse,新建JSP页面编码竟然是不是UTF8,导致各种乱码.做下面的修改就能避免这个问题了.

  3. 关于处理移动端Vue单页面及其内嵌兼容问题

    关于处理移动端Vue单页面及其内嵌兼容问题 question:由于最近转移了以前的H5项目,重构使用Vue单页面,导致部分手机内嵌或在微信浏览器中无法浏览,或者无法使用ajax请求:手机机型千变万化, ...

  4. 移动端(手机端)页面自适应解决方案—rem布局篇

    移动端(手机端)页面自适应解决方案-rem布局 假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作 ...

  5. Eclipse 新建.jsp页面后，页面头部标签报错的解决方法

    Eclipse 新建.jsp页面后,页面头部标签报错的解决方法 1.报错地方: 2.解决方法: .jsp页面右键==>BUild Path ==>Configure Build Path. ...

  6. 移动端调试Web页面

    移动端调试Web页面 虽然可以在PC下,通过开发者工具,模拟移动端,但是这样只能模拟页面样式,对于代码的执行情况是无法模拟的,所以在此结合实际调试经验,针对安卓与IOS设备,进行总结. IOS 安卓 ...

  7. 判断访问的是移动端还是PC端,如果是移动端跳转页面

    <script type="text/javascript"> var mobileAgent = new Array("iphone", &quo ...

  8. Jquery Ajax处理，服务端三种页面aspx,ashx,asmx的比较

    常规的Jquery Ajax 验证登录,主要有3种服务端页面相应 ,也就是 aspx,ashx,asmx即webserivice . 下面分别用3种方式来(aspx,ashx,asmx)做服务端来处理 ...

  9. zepto.js + iscroll.js上拉加载 下拉加载的 移动端 新闻列表页面

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name ...

随机推荐

  1. PAT甲级——A1140 LookAndSaySequence【20】

    Look-and-say sequence is a sequence of integers as the following: D, D1, D111, D113, D11231, D112213 ...

  2. 在webpack4 中利用Babel 7取消严格模式方法

    报错信息: Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on stri ...

  3. Springboot的Mybatis逆向工程

    1.pom.xml添加mybatis和逆向插件依赖: <dependency> <groupId>org.mybatis.spring.boot</groupId> ...

  4. 一份详尽的 Java 问题排查工具清单，值得收藏！

    | grep 5 -A 3    #上匹配seq 10 | grep 5 -B 3    #下匹配seq 10 | grep 5 -C 3    #上下匹配,平时用这个就妥了cat f.txt | g ...

  5. scss定义全局变量引入sass-resources-loader报错

    开发jquery多页应用,引入sass-resources-loader后报 Make sure 'options.resources' is String or Array of Strings. ...

  6. JS window对象 screen对象 screen对象用于获取用户的屏幕信息。 语法： window.screen.属性

    screen对象 screen对象用于获取用户的屏幕信息. 语法: window.screen.属性 对象属性:

  7. new Date() vs Calendar.getInstance().getTime()

    System.currentTimeMillis() vs. new Date() vs. Calendar.getInstance().getTime() System.currentTimeMil ...

  8. accept 修改后

  9. MySQL数据库操作：“增删改查”，忘记密码重置等。

    [注] 数据库的“增删查改”,参考原作者Wid:http://www.cnblogs.com/mr-wid/archive/2013/05/09/3068229.html#d11.感谢大佬们的技术分享 ...

  10. magento 多域名多店

    在magento1.4中请参考官网 :http://www.magentocommerce.com/knowledge-base/entry/tutorial-multi-site-multi-dom ...