第 8 章 HTTP/2 的语义：新的用例
[日] 涩川喜规
第 2 章和第 4 章介绍了浏览器中追加的功能。本章也将介绍各种功能，但这些功能中只有极少的一部分是面向浏览器的。如今，搜索引擎和社交媒体越来越普及，这些系统中添加了许多使内容价值最大化的结构。本章不以浏览器和服务器之间的通信为中心，而以搜索引擎和社交媒体所理解的协议为中心进行介绍。本章不使用 curl 命令。
8.1 响应式设计
正如第 2 章中介绍的那样，以前，通过查看用户代理信息来传送面向移动端的内容是主流做法。而在智能手机时代，由于各运营商公开了 IP 地址范围一览表，所以有的网站会查看该一览表来进行移动端的判断。然而，用户代理是非正规化的信息，因此可能会无法正确进行判断。
现在被广泛使用的响应式设计可以使得页面在各种用例中适当地显示，比如切换为适合小屏用户的布局、最适合平板终端的尺寸的布局等。
笔者先来介绍一下 CSS 像素。现在发售的许多智能手机的屏幕分辨率超过了全高清（1920×1080）。不过，浏览器会识别成逻辑分辨率小一圈的显示器的连接并进行显示。
例如，第一次搭载 Retina 显示器的 iPhone 4 的实际分辨率是 640×960，而其内部的分辨率为 320×480，与 iPhone 3GS 等旧机型兼容。这种浏览器的逻辑分辨率（逻辑屏幕大小）叫作 CSS 像素。逻辑分辨率和物理分辨率的比率叫作设备像素比。响应式设计中最重要的就是 CSS 像素和设备像素比。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文深入介绍了HTTP/2协议的新功能和相关技术，以及HLS和MPEG-DASH两种流媒体技术。在HTTP/2协议方面，文章详细介绍了响应式设计和语义网两个方面的内容，包括移动端页面设计、网络通信和视频流播放技术。在视频流相关的内容中，文章介绍了HLS和MPEG-DASH两种流媒体技术的特点和区别。此外，还介绍了CMAF（Common Media Application Format）的特点和优势。总的来说，本文为读者提供了对移动端页面设计、网络通信和视频流播放技术的全面了解，是一篇涵盖了多种实用技术元素的高级技术文章。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《详解 HTTP：协议基础与 Go 语言实现》
《详解 HTTP：协议基础与 Go 语言实现》
立即购买
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论