2022-02-28 viewport

最新推荐文章于 2023-07-04 15:35:31 发布

DA2LE

最新推荐文章于 2023-07-04 15:35:31 发布

阅读量82

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_44295310/article/details/123242925

版权

本文详细解析了HTML中的viewport元标签，包括width、height、initial-scale、minimum-scale、maximum-scale和user-scalable属性的含义及用法。通过设置这些属性，可以实现网页在不同设备上的自适应布局，优化移动端浏览体验。同时，讨论了如何结合这些属性实现响应式设计，确保网页在手机和平板等设备上呈现最佳效果。

摘要由CSDN通过智能技术生成

<meta name="viewport" content="width=500, initial-scale=1">

width：页面宽度，可以取值具体的数字，也可以是 device-width，表示跟设备宽度相等
height：页面高度，可以取值具体的数字，也可以是 device-height，表示跟设备高度相等
initial-scale：初始缩放比例
minimum-scale：最小缩放比例
maximum-scale：最大缩放比例
user-scalable：是否允许用户缩放

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DA2LE

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML实例之元信息 (meta)

qq_43131852的博客

09-25

241

参考https://www.w3school.com.cn/html/index.asp 文档描述 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="author" content="w3school.com....

2022-03-03 html网页布局练习(二):使用float浮动+html5新增标签进行网页布局

GAARA

03-03

508

页面由头部header+轮拨图banner+选项卡片section+案例case+客户client+关于我们&新闻aboutUs&news+底部footer组成头部底部等等用到了h5新增标签使用float浮动进行盒模型的水平布局,使用内外边距padding和margin进行上下左右间距的拉开在margin:top塌陷的地方是通过改为设置padding:top再将height减去相应像素来实现的网页在浏览器中的居中显示是通过设置html的宽度100%,body设置一个固定宽度然后margin:0 au

参与评论您还未登录，请先登录后发表或查看评论

HTML中定义元信息的单标签,HTML 元信息类标签

weixin_39759881的博客

06-17

398

meta 标签meta 标签值得说一说。meta 标签是一组 kv 对，它通常是一种元信息表示标签。在 head 中可以出现任意多个 meta 标签。一般的 meta标签由 name 和 content 两个属性来定义。name 表示元信息的名字，content 则表示元信息的值。eg：这个 eg 里的 meta 意味着，这个标签所在页面的 application 名称为 IsForums。这里的...

HTML标签-元信息

june_ruikang的博客

03-25

672

title标签 --> h2标签链接离开网页

Html meta 标签定义页面元信息，H5唤醒打电话和发短信

蚩尤后裔-汪茂雄

10-17

6364

目录定义与用法 meta 标签属性 name 属性 http-equiv 属性 content 属性 name viewport 移动端优化 HTML 4 与 5 差异常用实例定义与用法 <meta> 元素可提供有关页面的元信息（meta-information），通常用于指定网页的描述，关键词，文件的最后修改时间，作者、搜索引擎和更新频度及其他元数据。 ...

HTML 元信息

weixin_30338461的博客

09-29

197

重定向这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址 Meta元素正如在上一章中我们所解释的，头元素包含着关于文档的概要信息。 HTML 同样包含位于 head 元素内部的 meta 元素。Meta 元素的作用是提供文档的元信息。大多数情况下，meta 元素用来提供与浏览器或者搜索引擎相关的信息，比方说描述文档的内容等等。提示：W3C 声明说：某些用...

Django web开发(一) - 前端

热门推荐

每天进步亿点点

11-30

6万+

Django学习 Web框架 Python语言

Vue核心技术与实战--2023.7.4

weixin_65590235的博客

07-04

694

Vue+面经

谷粒商城 --＞「P01-P44」

Darling_qi的博客

04-28

4998

微服务+分布式+全栈+集群+部署+自动化运维+可视化CICD，对标阿里P6/P7

静态网页-学校官网（附源码）

m0_51757444的博客

05-16

1万+

静态百度网页，今天看到一个群里的朋友秀自己学校的官网页面，我也手痒，也做了一个（赋源码）

HTML元信息类标签

lihaofeifei的博客

10-30

961

head 标签 head 标签本身并不携带任何信息，它主要是作为盛放其它语义类标签的容器使用。 head 标签规定了自身必须是 html 标签中的第一个标签，它的内容必须包含一个 title，并且最多只能包含一个 base。如果文档作为 iframe，或者有其他方式指定了文档标题时，可以允许不包含 title 标签。 title 标签 title 标签表示文档的标题，可以完整地概括整个网页...

base（根URL）

weixin_30729609的博客

06-17

305

指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。可以通过使用 document.baseURI 的 JS 脚本查询属性包含全局属性 href 用于文档中相对 URL 地址的基础 URL。如果指定了该属性，这个元素必须写在其他任何属性值是 URL 的元素之前。允许绝对和相对URL 如果指定了多个 <base> ...

重学前端-总结：15、HTML元信息类标签：你知道head里一共能写哪几种标签吗？

Brave Soul Blog

02-24

747

重学前端-总结：15、HTML元信息类标签：你知道head里一共能写哪几种标签吗？文章目录重学前端-总结：15、HTML元信息类标签：你知道head里一共能写哪几种标签吗？概念-页面元信息类标签head 标签title 标签base 标签meta 标签具有 charset 属性的 meta具有 http-equiv 属性的 metaname 为 viewport 的 meta其它预定义的 met...

html 元信息标签

qq_38526167的博客

03-27

377

x-ua-compatible 模拟 http 头 x-ua-compatible，声明 ua 兼容性；content-security-policy 模拟 http 头 content-security-policy，声明内容安全策略。name 表示元信息的名，content 则用于表示元信息的值。height：页面高度，可以取值具体的数字，也可以是 device-height，表示跟设备高度相等。width：页面宽度，可以取值具体的数字，也可以是 device-width，表示跟设备宽度相等。

HTML标签之元信息类标签

但愿人长久千里共婵娟

02-07

1320

元信息类标签包括：<head>HTML文档信息标签、<meta>文档元信息、<base>所有链接的默认地址。

HTML头部，元信息

thigdo的专栏

07-18

609

头元素头元素：包含关于文档的概要信息，也称为元信息（meta-information）。（Meta: 关于某方面的信息）元数据（meta-data）：关于数据的信息；元信息（meta-information）：关于信息的信息。头元素内的信息不会被浏览器显示出来。合法标签：,,,,

html5元信息标记,元信息标签<meta>

weixin_42659252的博客

06-16

492

元信息标签实例描述 HTML 文档的元数据：浏览器支持所有主流浏览器都支持标签。标签定义及使用说明元数据(Metadata)是数据的数据信息。标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面)，搜索引擎(关键词)，或其他 Web ...

HTML文档元信息,html中meta元信息整理

weixin_34684706的博客

06-03

193

元信息主要以Meta标签为主可选属性属性属性名称描述http-equivcontent-type / expire / refresh / set-cookie/pragma/cache-control/X-UA-Compatible把content属性关联到HTTP头部。nameauthor / description / keywords / generator / revised / oth...

定义页面元信息标记meta

MagicWing的博客

10-10

2643

定义页面元信息标记meta <meat name="名称"content="值"/> * 设置网页关键字：<meat name="keywords"content="......." * 设置网页描述：<meat name="description"content="......." * 设置网页作者：<meat

postcss-to-viewport