响应式网站和打印样式表问题

Question

我为我的网站设置了一个响应式样式表，这里是CSS文件的一部分，负责为左侧的导航菜单清空一些空间：

@media (min-width: 48em) {
    #layout { padding-left: 150px }
}

我还将 print.css 文件设置为专用打印样式表，如下所示，我将菜单设置为隐藏，并将其省略：

@media print {
    #layout { padding-left:0 }
    #menu { display : none }
}

问题在于，在打印预览中，菜单会隐藏，但内容左侧仍有150px的空白区域，无论如何，我甚至尝试过：

    #layout { padding-left:0 !important }

但没有运气，

当我使用Chrome的内置功能（Inspect元素）手动将 padding-left 值更改为0时，页面显示正常打印预览，但无论如何都不会应用 print.css 中的代码。