ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

CSS 媒体查询代码片段

davezatch 全部

未提供描述

标签 代码片段

详细信息

  • 2012.08.22.09.17.17
  • github.​com
  • github.​com
  • 12 年前
  • 10 分钟前
  • 12 年前

安装次数

  • 总数 29K
  • Win 18K
  • Mac 7K
  • Linux 3K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 0 0 1 0 0 0 1 1 1 0 1 0 0 0 0 1 0 1 1 0 0 2 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 1 1
Mac 1 1 0 0 0 0 0 0 1 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

自述文件

源代码
raw.​githubusercontent.​com

Sublime Text CSS 媒体查询代码片段

一组用于常见用例的媒体查询代码片段。包含的代码片段

  • 桌面/笔记本电脑
  • Ipad (一般)
  • Ipad 仰视
  • Ipad 俯视
  • 智能手机 (一般)
  • Iphone 4 (高清)
  • 智能手机仰视
  • 智能手机俯视

每个代码片段的 触发器 格式为 媒体查询 XXX,其中 XXX 是每个代码片段的名称。因此,您可以输入例如“med”,然后按 ctrl+space 触发代码片段并选择您想要的,或者继续输入例如 por,则仰视类代码片段将出现。

它们的样式如下

/* iPads (portrait) ----------- */
    @media only screen
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
        ${1:/* Styles */}
    }

其中 ${1} 使光标立刻跳到该位置,以便您开始编辑样式。

欢迎反馈,这是我的第一个(非常小)的 sublime 软件包,但它可能对其他人有帮助。