Performance 使用@media规则和网页总大小的响应式网页设计
@media规则的目的是在调整视口大小时应用各种CSS设置 如果我举一个响应菜单的例子，当视口变小时，我们用选择框替换水平菜单栏，我将有选择框和水平菜单的代码。这样，当视口发生更改时，我可以隐藏其中任何一个。与替换小视图端口的图像相同。此外，不同视图端口的所有CSS都将在客户端计算机上加载 我觉得这会增加网页的整体大小 请让我知道，如果我们可以做一些有条件的加载，或者如果有其他一些有效的选择Performance 使用@media规则和网页总大小的响应式网页设计,performance,responsive-design,Performance,Responsive Design,@media规则的目的是在调整视口大小时应用各种CSS设置 如果我举一个响应菜单的例子，当视口变小时，我们用选择框替换水平菜单栏，我将有选择框和水平菜单的代码。这样，当视口发生更改时，我可以隐藏其中任何一个。与替换小视图端口的图像相同。此外，不同视图端口的所有CSS都将在客户端计算机上加载 我觉得这会增加网页的整体大小 请让我知道，如果我们可以做一些有条件的加载，或者如果有其他一些有效的选择 其中一种方法是在服务器端基于用户代理设置一些条件。但是它不适用于HTML站点，并且需要大量服务器端代码。
其中一种方法是在服务器端基于用户代理设置一些条件。但是它不适用于HTML站点，并且需要大量服务器端代码。如果您可以专注于图像大小而不是HTML文件的大小，以下是一些想法
- 检测屏幕大小并自动提供适当大小的图像（基于您设置的断点）。它可以追溯应用到一个网站，所以很容易检查它是否是一个好的解决方案为您
- 使用背景图像创建div意味着您可以轻松地在不同的视口中指定不同的背景图像，因此这比为移动设备加载缩小的全尺寸图像更有效
- 刚刚介绍了与自适应图像类似的功能，为设备提供合适的图像
希望这些方法中的一种可能对您很有效。祝你好运