CSS媒体查询技巧

Question

我正在使用媒体查询编写一个网站来处理移动版本.是否可以让主css文件输出

<div class="classname">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  etc
</div>

然后在手机css文件输出中:

<div class="classname">
  Item 1&nbsp;&nbsp;
  Item 2&nbsp;&nbsp;
  Item 3&nbsp;&nbsp;
  etc
</div>

还可以使用媒体查询隐藏文本吗？

Answer 1

不完全是,没有.但是,你可以有一个ul与liS中的任一display: block(为前者的例子)或display: inline(后者).

<ul class="classname">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
 </ul>

 case 1:
 ul.classname li { display: block }

 case 2:
 ul.classname li { display: inline; padding-right: 24px }