【问题标题】:Not able to find "Emulate CSS media" in Google Chrome在 Google Chrome 中找不到“模拟 CSS 媒体”
【发布时间】:2014-02-10 10:11:21
【问题描述】:

我正在尝试在 chrome 中设置媒体查询以进行打印。我试图关注这篇文章 - Using Chrome's Element Inspector in Print Preview Mode?

但是,我在覆盖下找不到“模拟 CSS 媒体”选项。

它被移动了吗?我应该在哪里寻找它?

我在控制台抽屉中的 Emulation 中进行了尝试。它不在他们的任何一个 -

【问题讨论】:

    标签: css google-chrome


    【解决方案1】:

    他们经常移动它。目前它位于 渲染 面板中。找到它:

    1. 打开下方面板(在开发者工具中按 Esc

    2. 从下拉菜单中打开渲染面板

    3. 选择模拟印刷媒体


    【讨论】:

    • 这在最新版本的 Chrome 下发生了变化。它现在位于媒体侧选项卡下。 Image link
    • Updated again。您需要切换“设备模式”(工具菜单栏上的智能手机图标),然后转到控制台中的“仿真”选项卡,然后转到“媒体”选项卡。
    • 现在在更多工具 > 渲染下
    【解决方案2】:

    为了模拟打印 CSS,它现在看起来像这样,截至 2016 年 4 月的 Chrome 49。

    【讨论】:

      【解决方案3】:

      它位于您可以在开发工具中打开控制台的任何选项卡下(几乎所有选项卡,除了控制台选项卡)。例如,在 Sources 下,转到工具的右上角并单击 Show Console 图标(该图标看起来像一个带有三个垂直条的大于号)。这应该会打开控制台,您应该会看到 Emulation 选项。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-05-07
        • 2016-10-23
        • 2014-04-10
        • 2013-05-07
        • 2015-04-09
        • 2015-01-09
        • 2015-05-30
        • 2016-06-15
        相关资源
        最近更新 更多