html - 移动优先设计和打印

Question

我有一个包含四个 CSS 文件的移动优先网站:

1. 主 css - @media all 和(最小宽度:240px)
2. 小型移动设备 - @media all and (min-width: 481px)
3. 大型移动设备 - @media all and (min-width: 769px)
4. 桌面 - @media all and (min-width: 981px)

当我尝试在桌面版网站上打印某些内容时，在打印预览中它实际上看起来像移动版。即使在风景中，显然也没有足够的像素来加载最小宽度 981px。这是第一个问题。

第一个问题通过在最小宽度中添加“设备”一词得到解决，但是第二个问题，您在桌面上看不到移动设计，我需要它可见。

有什么想法吗？

Answer 1

创建一个@media print 部分。