Javascript 印刷风格

我想用lesscss打印， 但是，浏览器似乎无法识别@media

print

因为我不想被羞辱

<link rel="stylesheet/css" type="text/css" href="themes/css/print.css" media="print">

进入页面

在这个问题上有人能帮忙吗？lesscss源代码地址在这里

---

谢谢

如果您使用的是LESSCS，请将@media属性使用到“less”文件中

像这样：

@media: mobile;

.mixin (@a) when (@media = mobile) { ... }
.mixin (@a) when (@media = desktop) { ... }

并正常导入文件：

<link rel="stylesheet/css" type="text/css" href="themes/css/print.less">

---

如果您的问题是如何为媒体打印嵌入较少的样式：链接标记中的媒体属性对我有效

<link rel="stylesheet/less" type="text/css" href="print.less" media="print">

media=“print”

是必不可少的，因为默认情况下插入编译样式的次数较少，如

media=“screen”

---

重要的部分是media=“all”，否则它将无法正确解析链接的less文件中的@media print{.no print{display:none；}}。

当我使用.less时，用于显示打印样式的web developer工具选项没有为我呈现

我的解决方案是切换样式表中的@media print和@media screen属性，以便在页面加载时呈现打印样式，尽管根据浏览器可能无法100%正确呈现

如果：

• 您需要跟踪屏幕和打印样式
• 你需要精确的测量

如果：

• 您不希望在每次打印后继续返回打印预览 调整
• 为了测试内容安排和样式结构，您愿意牺牲上述内容

---

你的链接应该指向一个

.less

文件，而不是

.css

文件。不，我的意思是我不想使用.css/.less文件。My My less工作正常，但在style.less中，@media print not working请与您共享代码。我的代码很简单，您只需下载h5bp模板+lesscss，将style.css转换为style.less，在Apache服务器或IIS上运行（注册.less用于MINEYTPE）…并试图在@media上使用打印样式print@mike-我们不希望为了帮助您解决问题而不得不下载您的less并运行apache。请在此处提供您的代码，以便我们可以轻松查看，然后我们可以帮助您。：）

<link rel="stylesheet/less" href="http://worldMaps.org/maps/styles/growth.less" media="all">