`
linhui_dragon
  • 浏览: 149333 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 
阅读更多
<meta name="viewport" content="width=device-width, initial-scale=1.0"




网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">  
 
width - viewport的宽度 height - viewport的高度  
initial-scale - 初始的缩放比例 
minimum-scale - 允许用户缩放到的最小比例  
maximum-scale - 允许用户缩放到的最大比例 
user-scalable - 用户是否可以手动缩放 
分享到：
web前端页面性能优化
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    元旦倒计时代码-元旦倒计时.html

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple...

    这是一个餐厅的html

    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Bootstrap响应式餐饮类... &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;!-- 引入 Bootstrap --&gt; &lt;link href="lib/bootstrap/css/bootstrap.

    前端picker.js 选择器 轮选择器

    &lt;meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"&gt; &lt;/head&gt; &lt;body&gt; &lt;section class="page-header"&gt; &lt;h1 class="project-name"&gt;...

    html5网页设计作业

    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt; &lt;meta name="description" content=""&gt; &lt;meta name="author" content="BBQ"&gt; &lt;title&gt;烤天下酒吧...

    答题送福利

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/&gt; &lt;script src="./assets/js/jquery.min.js"&gt;&lt;/script&gt; &lt;link rel=...

    【JavaScript源代码】javascript实现移动端轮播图.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;title&gt;Document&lt;/title&gt;　&lt;link rel="stylesheet" href="yidong....

    【JavaScript源代码】多种类型jQuery网页验证码插件代码实例.docx

    charset=utf-8"&gt;　&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"&gt;　&lt;title&gt;jQuery网页验证码插件&lt;/title&gt;　&lt;link rel="st

    【JavaScript源代码】JavaScript canvas实现文字时钟.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;title&gt;...

    【JavaScript源代码】jquery+springboot实现文件上传功能.docx

    DOCTYPE html&gt;　&lt;html lang="zh"&gt;　&lt;head&gt;　&lt;title&gt;&lt;/title&gt;　&lt;meta charset="utf-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta name="renderer" content="webkit

    国产密码、sm2加密js实现例子可直接测试

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt; &lt;title&gt;sm2加密&lt;/title&gt; &lt;script src="./lib/crypto-js.js"&gt;&lt;/script&gt; ...

    【JavaScript源代码】React html中使用react的两种方式.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;title&gt;hello&lt;/title&gt;　&lt;/head&gt;　&lt;body&gt;　&lt;div id="app"&gt;　&lt;/div&gt;　...

    【JavaScript源代码】JS模拟实现京东快递单号查询.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;title&gt;...

    doctype html

    meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /&gt; &lt;meta name="apple-touch-fullscreen" content="yes" /&gt; ...

    【JavaScript源代码】jQuery实现全选按钮.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;title&gt;全选练习&lt;/title&gt;　&lt;script src="../js/jquery-1.8.2.min.js...

    网页设计作业-综合案例

     &lt;meta name="viewport" content="width=&lt;device-width&gt;, initial-scale=1.0"&gt;  &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt;  &lt;h4爱&lt;/h4&gt;  &lt;table width="500"&gt;  &lt;!-- 第一行 --&gt;  &lt;tr&gt;  &lt;td&gt;性别：&lt;/td&gt;  &lt;td...

    【JavaScript源代码】JS实现可以用键盘方向键控制的动画.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;title&gt;...

    【JavaScript源代码】详解jQuery的拷贝对象.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;title&gt;...

    alibaixiu.zip

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt; &lt;!--[if lt IE 9]&gt; &lt;script src=...

    【JavaScript源代码】基于jQuery拖拽事件的封装.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;script ...

    【JavaScript源代码】JS实现公告上线滚动效果.docx

    DOCTYPE html&gt;　&lt;html lang="en"&gt;　&lt;head&gt;　&lt;meta charset="UTF-8"&gt;　&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;　&lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;　&lt;script ...

Magicbox
Global site tag (gtag.js) - Google Analytics