javascript - 为什么打印采用响应式布局？

Question

问题是这样的。我有一个响应式网站，当我想打印该网站时，即使在桌面上它也想打印响应式版本。我如何勒索打印桌面版本？

Answer 1

如果您在 CSS 或脚本中使用媒体查询，请确保媒体类型不是 all 或不包含 print(如果是列表)。相反，为打印定义单独的媒体查询并在其中定义打印样式。

@media print { 
  /* define print style here */
}

@media screen and (size selector) { 
  /* define screen style here */
}