千家信息网

怎么理解h5页面的viewpoint

发表于:2024-11-11 作者:千家信息网编辑
千家信息网最后更新 2024年11月11日,本篇内容主要讲解"怎么理解h5页面的viewpoint",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"怎么理解h5页面的viewpoint"吧!h6页面的v
千家信息网最后更新 2024年11月11日怎么理解h5页面的viewpoint

本篇内容主要讲解"怎么理解h5页面的viewpoint",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"怎么理解h5页面的viewpoint"吧!

  h6页面的viewpoint

  网上曾看到一个据说很有名的外国人,写过一篇"三个viewpoint"的概念,但是看了,觉得似懂非懂,后来做了不少h6页面,然后重新思考viewpoint到底是一种怎样的控制移动端页面的机制?于是我也觉得用"3个viewpoint"解释比较好说,不过跟网上那个外国大佬的"三个viewport"可能会有不少区别。

  viewpoint含义

  第一个viewpoint,这里临时命名为viewpoint1,就是手机硬件屏幕的水平像素数,比如iPhone6分辨率是750像素,那么这个viewpoint就是750

  第二个viewpoint,这里临时命名为viewpoint2,是设计稿尺寸宽度,通常是以一个用户占有率比较高的手机分辨率为基准,很多就是用iPhone6的750

  第三个viewpoint,这里临时命名为viewpoint3,就是手机浏览器画布的宽度,它通常有一个远大于硬件分辨率的尺寸,比如980px,和主流PC端网页的内容主体宽度相当。前端能够直接施加影响的就只有viewpoint3这个了,实际上客观存在的viewpoint可以说也只有这一个而已,可以在html中用标签meta设置,也可以JS动态设置。

  最终用手机浏览h6页面看到的效果,则是这三个viewpoint共同作用的。在没有代码干预的情况下,一般手机会有一个从viewpoint3到viewpoint1的缩放。手机为什么要设计这个机制呢?因为手机硬件屏幕小,但是又想让手机能正常浏览PC的页面。

  为了更好的体验,人们开始为手机定制web页面,比如既然iphone6是750px,那我就做750px的页面。可是即便如此,手机实际看到的页面效果却仍然是被缩放了,因为750px的页面还是要放入到980px的viewpoint3中来显示,而缩放是viewpoint3到viewpoint1的过程,和设计稿宽度,同时也是页面实际宽度的viewpoint2是无关的。

到此,相信大家对"怎么理解h5页面的viewpoint"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

页面 手机 宽度 三个 实际 就是 内容 分辨率 硬件 浏览 设计 像素 只有 外国 尺寸 屏幕 效果 机制 学习 好说 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 朝阳区网络营销软件开发价格优惠 用互联网思维打造自考科技派 数据库的安全性心得体会 什么软件开发安卓程序最好 科技魅力互联网大会 apec交流与数据库系统网址 网络安全智慧化建设 计算机行业主流的软件开发工具 服务器显示16g内存只有12g 廖勇 中电科技集团网络安全 鸿蒙连接服务器失败什么原因 华为云服务器定位说明 轻量软件开发管理工具 服务器启动后自动停止怎么处理 4.20g国家网络安全讲话 为什么守望先锋总是与服务器 后端服务器和运行环境 软件开发技术服务公司成本 查询数据库课程的先行课程的信息 网络安全事件分级响应 php显示数据库图片 医院数据存储云服务器 小米4c无法连接服务器 湖北仟选互联网科技有限公司 安徽专业服务器机柜虚拟主机 使用代理服务器又什么坏处 电子商务软件开发如何收费 网络技术与应用高考题 网络安全三字经防骗篇 公安机关网络安全自查和隐患排查
0