ã•ã‚‰ã°mozã¨oã®device-pixel-ratio - fragmentaryãã†ã„ãˆã°ã€Firefox 16ã¨Opera 12.10ã‹ã‚‰ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã®resolutionã¨dppxãŒä½¿ãˆã‚‹ã®ã‚’æ€ã„出ã—ãŸã€‚ ã“れらを使ã†ã¨ã€Retina displayã¯ã˜ã‚高密度ãªãƒ‡ã‚£ã‚¹ãƒ—レイã«å¯¾å¿œã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒã‘ã£ã“ã†çŸããªã‚‹ã€‚ ã“ã‚Œã¾ã§ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1) { .foo { background-image: url(image-2x.png); } } } device-pixel-ratioã¯ã‚‚ã¨ã‚‚ã¨WebKitã®æ‹¡å¼µã ã£ãŸã‚‚ã®ã€‚ãれをMozillaã¨Operaã‚‚å–り入れãŸã®ã ã‘ã©ã€ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é 辞ã®é¢å€’ã•ã«åŠ ãˆã¦min-/max-ã®ã¤ãæ–¹ã€å€¤ã®æ›¸ãæ–¹ãŒã°ã‚‰ã°ã‚‰
レスãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„。å„ブラウザã®å°æ•°ç‚¹ä»¥ä¸‹ã®ãƒ”クセル値ã®æ‰±ã„
ゼãƒã‹ã‚‰å§‹ã‚るレスãƒãƒ³ã‚·ãƒ–Webデザイン入門
matchMedia
Media Queriesã®åŸºæœ¬ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ
css3-mediaqueries-js - Project Hosting on Google Code
レスãƒãƒ³ã‚·ãƒ–ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãŸã‚ã«å…‹æœã™ã‚‹ã“㨠: could
CSS3ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã®ï¼Ÿï¼çœŸä¼¼ã—ã¦ã¿ãŸã„ã¨æ€ãˆã‚‹ç‰©ã‹ã‚‰ãã†ã˜ã‚ƒãªã„物ã¾ã§æ§˜ã€…ãªCSS3ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é”ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
HTML5 Boilerplateã®htmlスニペットをç´è§£ã
ã“ã‚Œãžãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–確èªãƒ„ールã®æ±ºå®šç‰ˆï¼OSã‚’é¸ã°ãšã«ã‚¦ã‚§ãƒ–サイトをã™ãã«ç¢ºèªã§ãã‚‹ -Viewport resizer
レスãƒãƒ³ã‚·ãƒ–・ウェブデザインã§ã® CSS コードã®æ›¸ãæ–¹ | Yomotsu net
iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more – Breaking the Mobile Web
ç”»é¢ã‚µã‚¤ã‚ºåˆ¥ã«CSSをメディアクエリã§åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³• [ホームページ作æˆ] All About![ç”»é¢ã‚µã‚¤ã‚ºåˆ¥ã«CSSをメディアクエリã§åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³• [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/445f6566bc34f4193fa83c63d61412ad6fbd33ef/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F9%2F6%2F4%2F0%2F4%2F201706261218%2Ftopimg_original.png)
JavaScript ã§ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’行ㆠwindow.matchMedia ã®ä½¿ã„æ–¹
https://design-spice.com/2012/06/13/responsive-web-design-image/
liè¦ç´ ã§ä½œã£ãŸãƒŠãƒ“ゲーションリンクをã€Media Queriesã§è¨å®šã—ãŸãƒ–レークãƒã‚¤ãƒ³ãƒˆã§selectè¦ç´ ã«ã™ã‚‹è»½é‡ãƒ©ã‚¤ãƒ–ラリ・TinyNav.js
Media Queries を使ã£ã¦ã€Webサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„書ã
[翻訳] モãƒã‚¤ãƒ«å‘ã‘ã® CSS Media Queries ã¯è¦‹æŽ›ã‘倒ã—ã§ã‚ã‚‹ | Unformed Building
[CSS]Media Queries（メディア クエリ）を使用ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
Media Queries (W3C Recommendation 19 June 2012)
{{#tags}}- {{label}}
{{/tags}}