<!-- 视图窗口，移动端特属的标签。 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<!-- 是否启动webapp功能，会删除默认的苹果工具栏和菜单栏。 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 忽略页面中的数字识别为电话号码,email识别 -->
<meta name="format-detection"content="telephone=no, email=no" />
<!-- 启用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">
视图窗口，移动端特属的标签
时间： 2024-11-05 09:29:35
视图窗口，移动端特属的标签的相关文章
移动端学习系列1--meta标签
<!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏 --><meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 当启动webapp功能时,显示手机信号.时间.电池的顶部导航栏的颜色 --><meta name="apple-mobile-web-app-status-bar-style" content="
ionic中<ion-scroll>设置为左右滚动，苹果手机端触摸到此标签上时无法上下滚动内容
ionic中<ion-scroll>设置为左右滚动,苹果手机端触摸到此标签上时无法上下滚动内容. 如下代码: <ion-scroll direction="x" scrollbar-x="false" style="width:100%"> <ul class="brand-scrollList"> <li ng-repeat="lists in bestProjects&
atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系
1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件 - 传统的 HTML 标签 1 1.2. Web 服务器控件 - 新的 ASP.NET 标签 1 1.3. Validation 服务器控件 - 用于输入验证 1 2. HTML 服务器控件 1 3. - Web 服务器控件 2 4. 标准服务器控件可分为以下6种类型: 2 4.1. (1)标准控件:主要是指传统的Web窗体控件,例如TextBox.Button.Panel等控件.它们有一组标准
移动端的一些头部标签
1.meta标签http-equiv属性语法格式: <meta http-equiv="expires" content="wed,20 Jun 2007 22:33:00 GMT"/> <!--expires 期限,可用于网页的到期时间,一旦网页过期,必须到服务器上重新传输--> 2.content-type (显示字符集的设定) 设定页面使用的字符集 <meta http-equiv="content-type"
pc端页面添加meta标签：X-UA-Compatible meta标签
细心的朋友会发现下面的html代码中多了一个<细心的朋友会发现下面的html代码中多了一个<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />标签! <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta ht
移动端html头部meta标签的含义
<!-- 页面将以原始大小显示,不允许缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最
写移动端必备的meta标签
<meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=EDGE, chrome=1"> <meta name="viewport" content="width=device-width, height=device-height, initia
移动端实用的meta标签
直接上代码,代码自有颜如玉 代码自有黄金屋啊 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="author" content="www.zevertech.com" /><!--可以忽略--> <meta http-equiv="copyright&
设置移动端iframe 和video 标签视频溢出自动适应播放样式设置
.box iframe { position: relative; z-index: 1; width: 100%; height: 12rem; } .box .video { position: relative; z-index: 1; width: 100%; height: 12rem; } 原文地址:https://www.cnblogs.com/926803/p/12629045.html