ViewPort <meta>标记

ViewPort <meta>标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用ViewPort <meta>标记还表示文档针对移动设备进行了优化。ViewPort <meta>标记的content值是由指令及其值组成的以逗号分隔的列表。

例:

<meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>

width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。

user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。

initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面,设为1.0则将显示未经缩放的Web文档。

maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同,这些指令的值是应用于视区内容的缩放比例。

时间: 2024-08-02 16:24:15

ViewPort <meta>标记的相关文章

[转]手机web HTML头信息解释和viewport meta标签解释

<meta charset="utf-8" /> <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="Generator" content="LIXIPHP (http://lixiphp.com)" /> <met

Orchard运用 - 如何隐藏去除某些Meta标记

众所周知,每个系统多多少少都会有一些痕迹或标记之类的东西, 比如默认的Orchard搭建的网站, 如果你查看源代码即可看到类似的代码: <meta content="Orchard" name="generator" /> 这可以说是标记Orchard网站的最明显的地方了.不过借助Orchard的灵活性,我们还是可以隐藏或去除的.今天在此分享如何实现这一需求: 在当前主题Theme的目录Views下创建一个全新的文件"Metas.cshtml&

关于 viewport meta

典型代码 <meta name="viewport" content="width=device-width, initial-scale=1.0"> width 属性控制设备的宽度.假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备上. initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放. 在移动设备浏览器上,通过为 viewport meta

[解决]JS失效,提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8

上网找了找,木有找到相关的解决办法,索性自己试了试. 原页面是这样写的: <html> <head> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <script type="text/javascript" src="js1.js"></script> <script

HTML学习日记之元信息meta标记

所谓meta标记就是用来描述一个HTML网页文档的属性,也称为元信息,这些信息并不会显示在浏览器的页面中,例如作者.日期和时间.网页描述.页面刷新等. 基本语法: <meta name = " "content=" "> <meta http-equiv=" " content = " "> name属性与content属性 name属性用于描述网页,它是以"名称/值"形式的名称,n

&lt;meta&gt; 标记汇总

1.  <meta name="viewport" content="width=device-width, initial-scale=1"> viewport 表示文档针对移动设备进行了优化,比如: <meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale

前端坑--meta标记篇

通用类: 声明编码 <meta charset='utf-8' /> 页面关键词 <meta name="keywords" content="your tags" /> 页面描述 <meta name="description" content="150 words" /> 页面重定向和刷新 content内的数字代表时间(秒),既多少时间后刷新.如果加url,则会重定向到指定网页(搜索引

网页中meta标记

网页中常常看见有这样的标记,他们是清浏览器缓存用的   <meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Expires" content="0">PS:清除浏览器中的缓存,

&lt;meta&gt;标记

<meta>的主要作用: 是提供网页的元素信息 属性: http-equiv: 功能: 默认http协议文件头信息,当信息从服务器端传到客户端时,让浏览器正确的是显示, http_equiv 属性一般要与content属性配合使用, Content属性指定信息的详细参数 (1) 设置网页的字符集 <meta http-equiv="Content-type" content="text/html;charset=utf-8"/> (2)网页自