可以在CSS文件中修改HTML元标记吗

我需要对页面进行一些缩放，防止当键盘显示在移动设备上时页面关闭。此外，它还应适用于各种屏幕。为此，我使用视口元标记。我找到了一个解决方法，将初始比例、最大比例和最小比例固定为一个值，用JS计算。有没有办法计算这个值并在CSS中赋值？我可以，我应该从css访问元标记吗？我确实试过这么做，但似乎不起作用。代码如下：

JS：

if (screen.width<1024){
    var a = screen.width/window.innerWidth;
    var txt = "width=device-width, user-scalable=0, maximum-scale=" + a + ", minimum-scale=" + a;
    document.getElementById("viewportMetaData").setAttribute("content", txt);

}

---

元标记并不意味着被Css类更改或影响。这与Meta标记（）的定义相反

---

但是，如果您想解决问题，可以使用javascript将事件侦听器添加到主窗口中，并且每当调整窗口大小时，它都会更改视口值。

元标记不会被Css类更改或影响。这与Meta标记（）的定义相反

---

但是，如果您想解决问题，可以使用javascript将事件侦听器添加到主窗口，并且每当调整窗口大小时，它都会更改视口值。

第二个问题的答案是“否”，您不应该这样做。但是，尝试理解视口标记和媒体查询之间的关系可能会对您更有用，您可以从中了解更多信息。此外，对于在开发过程中如何处理视口与媒体查询，您可能会发现这也很有帮助

至于你的第一个问题，没有看到你的确切问题，很难找到具体的解决方案。但是，如果这主要是安卓系统的问题，则以下媒体查询可能有助于解决键盘存在时的屏幕宽度问题：

纵向视图：

@media screen and (max-aspect-ratio: 13/9) { 
/*
focus on element styles in portrait view, not meta tags
*/

}

景观：

@media screen and (min-aspect-ratio: 13/9) { 
  /* 
  focus on element styles in landscape view, not meta tags
  */
}

---

第二个问题的答案是不，你不应该。但是，尝试理解视口标记和媒体查询之间的关系可能会对您更有用，您可以从中了解更多信息。此外，对于在开发过程中如何处理视口与媒体查询，您可能会发现这也很有帮助

至于你的第一个问题，没有看到你的确切问题，很难找到具体的解决方案。但是，如果这主要是安卓系统的问题，则以下媒体查询可能有助于解决键盘存在时的屏幕宽度问题：

纵向视图：

@media screen and (max-aspect-ratio: 13/9) { 
/*
focus on element styles in portrait view, not meta tags
*/

}

景观：

@media screen and (min-aspect-ratio: 13/9) { 
  /* 
  focus on element styles in landscape view, not meta tags
  */
}

---

您似乎不理解元标记在HTML中的作用。对它们应用CSS规则并不会改变它们的属性。你似乎不理解元标记在HTML中的作用。对它们应用CSS规则不会改变它们的属性。您好，谢谢您的回答。我让它工作起来了，因为这个问题只发生在移动firefox上，而固定比例（初始、最大和最小）就成功了。我想问的主要问题是，是否应该从css修改元标记。您好，谢谢您的回答。我让它工作起来了，因为这个问题只发生在移动firefox上，而固定比例（初始、最大和最小）就成功了。我想问的主要问题是，是否应该从css修改元标记。