2

我目前正在开发一个响应式样式表，该样式表目前正在运行，但在非桌面设备上看起来很可怕，因为它正在进行中。

是否可以使用一些 JavaScript 来强制在每个设备上加载桌面布局，而不管视口大小如何？

4

3 回答 3

5

把它加到你的头上

<meta name="viewport" content="width=SITE_MIN_WIDTH, initial-scale=1, maximum-scale=1">

请务必使用站点的最小宽度更改 SITE_MIN_WIDTH。这应该迫使设备加载到正确的尺寸。

于 2013-03-19T20:52:54.667 回答
1

听起来您想使用 JavaScript 禁用某些媒体查询。

据我所知，不，你不能这样做。

您可以执行以下操作，尽管它非常迂回：

  1. 向<html>标签添加一个类，例如responsive

  2. 为所有当前无法与该类一起工作的 CSS 块添加前缀，以便它们仅在该类存在时应用。

  3. <html>在页面加载时，使用 JavaScript 从标记中删除该类。

但是，据推测，在您正在编码的设备上检查它们时，您可能需要一种方法来重新打开它们。否则，为什么首先将它们放在您的实时站点上？

于 2013-03-19T20:57:45.823 回答
0

媒体查询只是根据当前分辨率调用不同的 CSS 文件。

如果它是移动优先响应的，它会从较小尺寸的屏幕开始并逐渐增加。编辑您的 CSS 并删除任何影响小于桌面的屏幕的 CSS 应该可以解决问题。但是，不确定您使用的是哪个系统，该站点已经构建并且您需要禁用。他们可能有数百种方法来做到这一点。我不知道 OP 是什么，但我建议编辑你的 CSS 文件。您应该能够通过在 Firefox 上使用 Firebug 找到正在加载的 CSS。

于 2013-03-19T21:01:35.823 回答