`
linhui_dragon
  • 浏览: 155052 次
  • 性别: 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 meta viewport属性说明

    什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有...meta name=”viewport” content

    元旦倒计时代码-元旦倒计时.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...

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结 在移动客户端手机页面布局中，meta标签的使用非常重要，今天我们将详细介绍meta标签中的几个关键属性，包括...

    html+css+js个人博客网页

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

    这是一个餐厅的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;...

    答题送福利

    &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=...

    html网页制作.rar

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;我的第一个HTML页面&lt;/title&gt; &lt;!-- 这里可以链接外部CSS样式表 --&gt; &lt;link rel="stylesheet" href="styles.css"&gt; &lt;/head&gt; ...

    html爱心烟花特效代码

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;烟花效果&lt;/title&gt; &lt;style&gt; body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } ...

    国产密码、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; ...

    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; ...

    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=...

    html+js+css开发源代码项目.rar

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Todo List&lt;/title&gt; &lt;link rel="stylesheet" href="styles.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Todo List&lt;/h1&gt; &lt;input type="text...

    游戏源码游戏游戏游戏游戏游戏游戏

    &lt;meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, width=device-width,target-densitydpi=device-dpi"/&gt; &lt;script type="text/javascript" src="js/...

    Bootstrap ACE后台管理模板

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &lt;!-- basic styles --&gt; &lt;link href="assets/css/bootstrap.min.css" rel="stylesheet" /&gt; &lt;link rel="stylesheet" href=...

    七夕情人节html代码2.docx

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;七夕情人节快乐&lt;/title&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;h1&gt;七夕...

    html css js网页设计 (2).docx

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Simple Web Page&lt;/title&gt; &lt;link rel="stylesheet" href="styles.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;h1&gt;Welcome to My Web Page...

    易优cms响应式网站模板,EyouCMS网络科技公司网站模板

    &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt; &lt;!--首页seo标题--&gt; &lt;title&gt;{eyou:global name='web_title' /}_{eyou:global ...

    创建一个简单的七夕情人节主题的HTML页面可以包括一些基本的HTML结构.pdf

    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;七夕情人节快乐&lt;/title&gt; &lt;link rel="stylesheet" href="styles.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;h1&gt;...

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