今天需要做手机端访问的页面,所以把meta的整理一下。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0,user-scalable=0">

width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例-->

<meta name=”apple-mobile-web-app-capable” content=”no” />

删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

<meta name="apple-mobile-web-app-status-bar-style" content="black">

控制状态栏显示样式 "default"、"black"、"black-translucent"

<meta name="format-detection" content="telephone=no">

该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接

时间: 2024-10-09 08:31:40

今天需要做手机端访问的页面,所以把meta的整理一下。的相关文章

js判断手机端访问跳转到手机端

<SCRIPT LANGUAGE="JavaScript"> function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symb

70.JS---利用原生js做手机端网页自适应解决方案rem布局

利用原生js做手机端网页自适应解决方案rem布局 刚开始我用的是下面这段代码,然后js通过外部链接引入,最后每次用手机刷新网页的时候都会出现缩略图 function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.documentElement.clientWidth; html.s

ThinkPHP3.2判断手机端访问并设置默认访问模块的方法

ThinkPHP3.2判断是否为手机端访问并跳转到另一个模块的方法 目录结构 公共模块Common,Home模块,Mobile模块 配置Application/Common/Conf/config.php文件 'MODULE_ALLOW_LIST' => 'Home,Mobile' 接下来配置Application/Common/Common/function.php文件 添加isMobile方法 [详见代码] function isMobile(){ // 如果有HTTP_X_WAP_PROF

TP3.2.x判断手机端访问,同一个域名在PC和手机端展示不同模板(半独立式网站)

首先介绍APP_STATUS内置常量,TP入口文件增加APP_STATUS 参数,  自动加载不同的项目配置文件,通过配置文件指向不同的模块 手机端访问时调用Wap手机模块,实现在手机端访问时展示出手机网站,无需跳转域名首先我们在./Application/Common/Conf/ 目录下建立两个公共配置文件:config.php 和Mobie.php config.php文件中 <?phpreturn array( 'DEFAULT_MODULE'=>'Index', 'DEFAULT_CO

DZ3.2手机端访问bug彻底解决方法:您访问的页面无手机页面,是否进一步访问电脑版

手机访问dz3.2出现这种情况是部分页面有手机版也会出现这个提示: 提示您访问的页面无手机页面,是否进一步访问电脑版? 使用手机访问的时候,会出现这样的提示 您访问的页面无手机页面,是否进一步访问电脑版? 目前网上提供的解决方案都没有找到问题的根本原因,只是提供了强制刷新的方法,根据本人的调试最终找到了此bug的问题所在,只需要修改 source/function/function_core.php 找到 source/function/function_core.php第618行: 把 $mo

手机端第一屏页面文章的展开和隐藏

本人做的是手机端的前端开发,事事处处都得从手机用户的体验着手考虑.大家都知道手机相对于pc来说要小很多,所要容纳的东西相对于pc来说也要少之又少.一些重要的东西又希望用户在打开手机网站的第一屏就能看到,这时就要尽可能地将重点呈现给用户. 内容又由文字,图片等等信息组成,如果文字过长,就显得冗余,这里就为大家介绍一个如何隐藏多余文字和展开多余文字的方法. 需要的技术支持:CSS3,一般jQuery库: HTML代码如下: Html代码   <div class="slideup"&

手机端访问本地未上线服务器

我们都知道本机要访问本地服务器地址默认为127.0.0.1,但是有时候需要用手机端来测试辛辛苦苦做好的网页是否存在页面兼容性等一系列问题. 怎么才能用手机访问自己本地还未上线的服务器呢?首先必须保证手机与服务器是处于同一网络下,这里我以服务器与手机在同一wifi下作为列子说明. 第一步是需要知道服务器的ip地址,在服务器端打开cmd命令窗口,然后输入ipconfig,回车后会看到下图所示界面: 找到WLAN模块,对应的IPv4地址就是我们要找的服务器在网络里面的ip地址. 第二步就是检查手机是否

php 判断是用户是pc端还是手机端访问的方法

function getBrowserType(){ $is_mobile = false; $mobile_os_list=array('Google Wireless Transcoder','Windows CE','WindowsCE','Symbian','Android','armv6l','armv5','Mobile','CentOS','mowser','AvantGo','Opera Mobi','J2ME/MIDP','Smartphone','Go.Web','Palm'

detoon手机端熊掌号页面改造

今天心血来潮申请了个百度熊掌号,所以就拿destoon6.0的版本系统来练手,进行熊掌号的页面改造,写下这笔记.但是碰到了比较多的问题. 首先:添加canonical标签 打开手机端模板header.htm文件,在<head>里添加: <link rel="canonical" href="{$DT_URL}" /> 其次是:添加JSON_LD数据 (添加到手机端的header.htm模板)      <script type=&quo