device-width
鿍奍;: ãã®æ©è½ã¯éæ¨å¥¨ã«ãªãã¾ãããã¾ã 対å¿ãã¦ãããã©ã¦ã¶ã¼ãããããããã¾ãããããã§ã«é¢é£ããã¦ã§ãæ¨æºããåé¤ããã¦ããããåé¤ã®æç¶ãä¸ã§ããããäºææ§ã®ããã ãã«æ®ããã¦ããå¯è½æ§ãããã¾ãã使ç¨ãé¿ããã§ããã°æ¢åã®ã³ã¼ãã¯æ´æ°ãã¦ãã ããããã®ãã¼ã¸ã®ä¸é¨ã«ããäºææ§ä¸è¦§è¡¨ãè¦ã¦å¤æãã¦ãã ããããã®æ©è½ã¯çªç¶åä½ããªããªãå¯è½æ§ããããã¨ã«æ³¨æãã¦ãã ããã
ã¡ã¢:
ãã¥ã¼ãã¼ãã®å¹
ãåãåãããå ´åã¯ã代ããã« width ã¡ãã£ã¢ç¹æ§ã使ç¨ãã¦ãã ããã
device-width 㯠CSS ã®ã¡ãã£ã¢ç¹æ§ã§ãåºåæ©å¨ã®æç»é¢ã®å¹
ã調ã¹ãããã«ä½¿ç¨ãããã¨ãã§ãã¾ãã
æ§æ
device-width ç¹æ§ã¯ã <length> å¤ã¨ãã¦æå®ãã¾ããããã¯ç¯å²ã®ç¹æ§ã§ãããã¤ã¾ãæ¥é è¾ã®ä»ãã min-device-width ããã³ max-device-width ã®å¤åå½¢ã使ç¨ãã¦ãããããæå°å¤ã¨æå¤§å¤ãã¯ã¨ãªã¼ãããã¨ãã§ãã¾ãã
ä¾
>800 ãã¯ã»ã«ããçãæ©å¨ã«ç¹å¥ã®ã¹ã¿ã¤ã«ã·ã¼ããé©ç¨
<link
rel="stylesheet"
media="screen and (max-device-width: 799px)"
href="/proxy/cdn.example.com/narrow-styles.css" />
仿§æ¸
| Specification |
|---|
| Media Queries Level 4> # device-width> |