移动首先设计和打印

Question

我有一个移动第一个网站,有四个CSS文件:

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

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

第一个问题是通过在min-width中添加单词"device"来解决的,但问题二是,你无法在桌面上看到移动设计,我需要它可见.

有任何想法吗 ？

Answer 1

创建一个@media print部分。