技术达人

网站标签

该站未曾设置keywords

---

网站描述

该站未曾设置description

---

上一篇：千彩百科

下一篇：河北宏正科技有限公司

seo综合信息

SEO信息	百度来访IP：- | 移动端来访IP：- | 出站链接：0 | 站内链接：0
IP网速：	IP地址：94.191.78.184 [中国重庆重庆 腾讯云] | 网速：836毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	- | 名称：- | 已创建：7年10个月3天

收录	百度	360	搜狗	谷歌
查询	0	0	0	0

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
0	0	电脑端优秀	-	0	0

协议类型HTTP/1.1 200 OK 页面类型text/html; charset=utf-8 服务器类型Tengine/2.1.2 是否压缩是 原网页大小32391 压缩后大小7329 压缩比77.37%

网站快照

 技 术 达 人 技 术 达 人 分 享 移 动 w e b 适 配 之 v h , v w , v m i n , v m a x 前 言 其 实 关 于 v h , v w , v m i n , v m a x 这 四 个 单 位 ， 伴 随 着 c s s 3 的 出 现 就 已 经 有 了 ， 但 是 当 时 移 动 w e b 的 浪 潮 已 经 来 临 ， 并 且 r e m 出 现 的 要 早 ， 所 以 很 多 人 忽 略 这 个 ， 但 是 r e m 使 用 适 配 是 要 依 赖 j s 来 进 行 处 理 ， 今 天 介 绍 的 v h , v w , v m i n , v m a x 是 完 全 基 于 c s s 的 自 适 应 方 案 ， 关 于 r e m 的 适 配 可 以 参 考 笔 者 之 前 写 的 文 章 。 关 于 v h , v w , v m i n , v m a x 先 来 看 下 这 些 单 位 分 别 代 表 什 么 意 思 ： v w : 1 v w 等 于 视 口 宽 度 的 1 % v h : 1 v h 等 于 视 口 高 度 的 1 % v m i n : 选 取 v w 和 v h 中 最 小 的 那 个 v m a x : 选 取 v w 和 v h 中 最 大 的 那 个 那 么 什 么 是 视 口 宽 度 呢 ？ 你 一 定 不 会 陌 生 ： 1 m e t a n a m e = v i e w p o r t c o n t e n t = w i d t h = d e v i c e w i d t h , i n i t i a l s c a l e = 1 , m a x i m u m s c a l e = 1 , m i n i m u m s c a l e = 1 , u s e r s c a l a b l e = n o > 没 错 ， 浏 览 器 利 用 v i e w p o r t 的 m e t a 标 签 中 的 w i d t h 来 定 义 浏 览 器 的 视 口 大 小 ， 然 而 w i d t h 可 以 使 用 数 字 单 位 来 定 义 ， 只 是 我 们 常 用 的 方 法 是 ： 将 w i d t h 设 置 成 设 备 的 宽 度 即 d e v i c e w i d t h ， 关 于 浏 览 器 的 视 口 介 绍 可 以 参 考 这 个 文 章 。 使 用 d o c u m e n t . d o c u m e n t E l e m e n t . c l i e n t W i d t h 可 以 获 取 到 浏 览 器 的 视 口 大 小 ， 这 里 要 注 意 不 一 样 的 是 类 似 w i n d o w . i n n e r W i d t h 或 者 w i n d o w . s c r e e n . w i d t h 这 些 拿 到 的 是 浏 览 器 的 物 理 宽 度 ， 当 w i d t h ! = d e v i c e w i d t h 时 是 不 等 效 的 哦 。 v h / v w 与 % 区 别 在 于 单 位 基 于 情 况 % 基 于 父 元 素 v h / v w 基 于 视 口 S o ， v h , v w , v m i n , v m a x 都 是 基 于 v i e w p o r t 定 义 的 w i d t h 来 定 义 单 位 ， 它 是 利 用 视 口 单 位 实 现 ， 依 赖 于 视 口 大 小 而 自 动 缩 放 ， 所 以 不 同 的 设 备 视 口 大 小 不 一 样 自 然 就 达 到 的 适 配 的 效 果 。 1 2 3 4 5 6 7 . m a i n 和 r e m 相 比 优 势 ？ 关 于 r e m 的 适 配 大 部 分 需 要 2 个 步 骤 ： 在 页 面 头 部 引 入 j s 来 动 态 设 置 页 面 的 h t m l 的 f o n t s i z e ， 一 般 情 况 下 基 于 屏 幕 宽 度 来 计 算 即 ： v a r r e m = d o c E l . c l i e n t W i d t h / 1 0 ; d o c E l . s t y l e . f o n t S i z e = r e m + p x ; 在 使 用 c s s 时 ， 使 用 l e s s 或 者 s c s s 来 动 态 计 算 d o m 的 实 际 r e m 数 值 1 2 3 4 @ f u n c t i o n p x 2 r e m ( $ p x ) 由 此 会 有 2 个 问 题 ： 依 赖 页 面 头 部 的 j s 设 置 ， 虽 说 基 本 上 不 会 阻 塞 页 面 渲 染 ， 但 是 放 在 头 部 始 终 要 进 行 一 次 d o m 计 算 ， 不 算 优 雅 。 通 常 使 用 宽 度 来 计 算 h t m l 的 f o n t s i z e 时 ， 对 于 那 种 很 宽 的 手 机 或 者 是 i p a d ， 会 导 致 适 配 的 不 准 确 ( 可 以 参 考 r e m 的 页 面 放 在 i p a d 上 横 屏 观 察 一 下 ) 。 那 么 使 用 v m i n 基 本 上 可 以 规 避 上 面 的 问 题 ： 不 依 赖 j s 执 行 。 选 取 宽 高 之 中 较 小 的 值 进 行 适 配 。 浏 览 器 兼 容 性 ？ 那 么 v h , v w , v m i n , v m a x 这 么 方 便 ， 为 什 么 还 是 没 有 流 行 起 来 呢 ？ 让 我 们 来 看 看 浏 览 器 的 兼 容 性 ： A n d r o i d 4 . 4 之 前 不 支 持 是 硬 伤 ！ 备 案 号 ： 湘 I C P 备 1 9 0 0 3 5 2 4 号

站点概括

关于www.ecsagebj.cn说明：
www.ecsagebj.cn由网友主动性提交被0401导航库整理收录的，0401导航库仅提供www.ecsagebj.cn的基础信息并免费向大众网友展示，www.ecsagebj.cn的是IP地址：94.191.78.184 [中国重庆重庆 腾讯云]，www.ecsagebj.cn的百度权重为0、百度手机权重为0、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.ecsagebj.cn的备案号是-、备案人叫-、被百度收录的关键词有0个、手机端关键词有0个、该站点迄今为止已经创建7年10个月3天。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.dhk0401.com/wangluodh/407906.html，复制请保留版权链接！

---