CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了LessCSS中的@media和@ font-face支持大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
你有没有人知道如何使用LessCSS进行媒体查询?
@media screen and (max-width: 600pX) {
      #container{
          width: 480px;
      }
  }

我以下错误:

! Syntax Error: on line 23: expected one of :: : . # * - [ @media @font-face,{ ; got ( after:

@media screen and

同样,@ font-face和任何带有与LessCSS编译器的@冲突的CSS3查询.

谢谢!

解决方法

据我所知,LessCSS不支持@media,您可能会在他们的github主页上找到打开的门票.

在这种情况下,我看到的唯一办法就是:

<link rel="stylesheet" media="screen and (max-width: 480pX)" href="smartphone.css" />

看来自从接受的答案以来,LessCSS版本中已经解决了这个问题.

大佬总结

以上是大佬教程为你收集整理的LessCSS中的@media和@ font-face支持全部内容,希望文章能够帮你解决LessCSS中的@media和@ font-face支持所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。