Responsive design 视口过滤是否影响下载网页的文件大小？
我们一直在讨论网页响应如何在消除网站移动版需求方面非常有效，但我们想知道；是的，在移动设备上查看的其他元素是隐藏的，这是否意味着浏览器只下载了所需的内容，或者是整个网页但隐藏了其他元素 问候,，Responsive design 视口过滤是否影响下载网页的文件大小？,responsive-design,viewport,Responsive Design,Viewport,我们一直在讨论网页响应如何在消除网站移动版需求方面非常有效，但我们想知道；是的，在移动设备上查看的其他元素是隐藏的，这是否意味着浏览器只下载了所需的内容，或者是整个网页但隐藏了其他元素 问候,， Gafes响应式开发-如果操作正确-不应在不同的视口宽度之间显示或隐藏元素，标记中不应存在任何特定的重复或冗余，所有这些都是通过CSS从前端完成的，以根据当前视口宽度为这些HTML元素提供不同的外观 这就是说，标记本身不可避免地需要一些细微的更改和添加，以满足页面响应方面的需要—附加类名等，因此HTML
Gafes响应式开发-如果操作正确-不应在不同的视口宽度之间显示或隐藏元素，标记中不应存在任何特定的重复或冗余，所有这些都是通过CSS从前端完成的，以根据当前视口宽度为这些HTML元素提供不同的外观 这就是说，标记本身不可避免地需要一些细微的更改和添加，以满足页面响应方面的需要—附加类名等，因此HTML页面本身的大小将稍大一些 CSS文件将更大，因为它们包含更多声明 就实际带宽使用情况而言：“性能良好”的响应浏览器只会在与该设备直接相关的媒体查询中下载其所需的资产，即：后台图像/etc，那时-这与任何浏览器和隐藏元素非常相似：大多数浏览器不会下载隐藏元素的背景图像，直到该元素在页面上可见 这有一个例外：过去有报道称苹果iPad从媒体查询中下载与之无关的资产，但我已经一年多没有看到讨论过，也无法用我们办公室的硬件复制。我相信这是mobile Safari中的一个bug，后来被修复了