max-widthã‚’å¦å®šã™ã‚‹ã‚¯ã‚¨ãƒªãƒ¼ãƒ¢ãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãŒæµ¸é€ã—ã¦ä¹…ã—ããªã‚Šã€ã‚ã£ãã‚Šmin-widthクエリー以外を見ã‹ã‘ã‚‹ã“ã¨ã¯ãªããªã£ãŸã€‚ãã‚“ãªä¸ã€not (max-width: 768px)ã¨ã„ã†æ›¸ã方を見ã‹ã‘ã¦ã€ãªã‚‹ã»ã©ãªã¨æ€ã£ãŸã€‚ç¾çŠ¶ã®ãƒ–ラウザーã«ãŠã‘る実装(ã¨å®‰å®šã—ãŸä»•æ§˜)ã§ã¯768pxã‚’å«ã¾ãšãれより大ãã„ã¨ã„ã†è¡¨ç¾ãŒmin-widthã§ã¯æ›¸ãã“ã¨ãŒã§ããªã„ãŒã€notã‚ーワードã¨max-widthを組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§å®Ÿç¾ã§ãる。 Demo: Negation of max-width query 特定ã®ãƒ‡ãƒã‚¤ã‚¹ã‚„解åƒåº¦ã‚’å¼·ãæ„è˜ã—ãŸã‚¯ã‚¨ãƒªãƒ¼ã®æ˜¯éžã¯ã¨ã‚Šã‚ãˆãšè„‡ã¸ç½®ã„ã¦ãŠã„ã¦ã€iPhone 5s以下やらiPad Airやら一般的ãªãƒŽãƒ¼ãƒˆãƒ–ックやらをæ„è˜ã—ã¦ã‚¯ã‚¨ãƒªãƒ¼ã‚’書ãã“ã¨ã¯ã¾ã¾ã‚る。多ãã®å ´åˆã¯ãれら特定ã®ãƒ‡ãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºã‹ã‚‰ã‚’区切りã«ã—ã¦ã‚¯ã‚¨ãƒªãƒ¼ã‚’書ãã‚ã‘ã ãŒã€ãれらã®ã‚µã‚¤ã‚ºã¾ã§ã§æ›¸ãã¨ãªã‚‹ã¨å°‘ã—曖昧ãªè¨˜è¿°
Web制作者ã¯ãŠã•ãˆã¦ãŠããŸã„ï¼CSSã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‹ã‚‰å®Ÿå‹™ã«å½¹ç«‹ã¤ä¾¿åˆ©ãƒ„ールã¾ã§ã®ã¾ã¨ã‚
CSSã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ãŸã„人ã¯ãƒã‚§ãƒƒã‚¯ã—ãŸæ–¹ãŒã„ã„サイト -CSS Reference
Webã®ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ‡ã‚¢é›† -Responsive Patterns
シンプルã§ãƒŸãƒ‹ãƒžãƒ«è¨è¨ˆãªRWD対応ã®è»½é‡CSSフレームワーク・「MNMLã€
Webアプリエンジニア養æˆèªæœ¬ - Qiita Advent Calendar 2014 - Qiita
[CSS]動画を背景ã¨ã—ã¦è¡¨ç¤ºã•ã›ã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
YahooãŒä½œã£ãŸãƒ”ュアCSSã®UIライブラリ「Pureã€:phpspot開発日誌
ã€Sassã§è§£æ±ºã€‘CSSã®@importã¯ã©ã‚Œã ã‘悪影響ãªã®ã‹è‡ªåˆ†ã§è©¦ã—ã¦ã¿ã‚‹ | DevelopersIO
{{#tags}}- {{label}}
{{/tags}}