当前位置:首页 >> 教程资讯 >> 综合资讯

什么是viewport?

录入编辑:微科技 | 发布时间:2023-01-22
viewport是互联网电脑网站搭建设计用户网页的观察装置,在互联网的中文社区里一般称之为“视区”或者“视野”。 关于viewport有三个大理论: 1、layout viewport(布局视口) 这是layout viewport是网页窗口的微

viewport是互联网电脑网站搭建设计用户网页的观察装置,在互联网的中文社区里一般称之为“视区”或者“视野”。
关于viewport有三个大理论:
1、layout viewport(布局视口)

这是layout viewport是网页窗口的微缩视窗,它是的父系容器,如果你在css里面把符码进行改动和修嵌;布局视窗需要用滚动条进行拉幅和伸缩,在调整浏览器窗口时不允许改变。浏览器窗口改变的只是visual viewport,在PC(个人电脑)中的浏览器缩放比例为100%,其宽度大概和内容视窗的宽度相符合。

 
2、Visual viewport(视觉视口)
visual viewport往往只显示浏览器窗口的小片面积,layout是把浏览器窗口成比例的进行缩放和调整大小和分辨率;visual viewport是将浏览器截取其中的一个视角进行观看和审阅。visual viewport的视角犹如摄像机的效果,摄像机的镜头感在visual viewport下显得充分真实。
3、Ideal viewport(理想视窗)
Ideal viewport是屏幕分辨率,移动通讯工具默认的视窗是布局视窗,而在对移动设备的电脑网站开发的是理想视窗。所以我们要使用meta标签对视窗进行控制。
一般来说,viewport标签的前置内容是meta name,meta存在两个属性:http-equiv和name.

上一篇:CSS层叠样式表的简单理解
下一篇:对移动终端viewport理解的深入浅出
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2024 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询