为什么当打印变成响应式布局时？

Question

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

Answer 1

如果您在css或script中使用媒体查询，请确保媒体类型不是all，或者如果是列表，则不包含print。而是为打印定义单独的介质查询，并在其中定义打印样式。

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

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