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

Question

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

标签： javascripthtmlcssprinting

Answer 1

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

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

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