ã‚‚ã†é€ƒã’ãªã„。HTMLã®viewportã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã™ã‚‹ã¨å‘ªæ–‡ã®ã‚ˆã†ã«æ›¸ã„ã¦ããŸãŒã€ã„ã„åŠ æ¸›ã¡ã‚ƒã‚“ã¨æ•´ç†ã—ã¦ç†è§£ã—よã†ã€‚ ã„ã‚ã„ã‚調査ã—ãŸçµæžœã€ä»¥ä¸‹ã®è€ƒãˆæ–¹ã§ç†è§£ã§ãã‚‹ã¨æ€ã†ã€‚ ã¾ãšã€å®Ÿéš›ã®æ¶²æ™¶ã®è§£åƒåº¦ã¯ä¸€æ—¦å¿˜ã‚Œã‚。 <meta name="viewport" content="width=480">ã¨æŒ‡å®šã—ãŸã¨ã™ã‚‹ã€‚ ã™ã‚‹ã¨ãã“ã«å¹…480pxã®ä»®æƒ³çš„ãªã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãŒä½œã‚‰ã‚Œã‚‹ã€‚å¹…480pxã®æ¶²æ™¶ãƒ¢ãƒ‹ã‚¿ãƒ¼ãŒã‚ã‚‹ã“ã¨ã‚’イメージã—ã¦æ¬²ã—ã„。ã“れをviewportã¨å‘¼ã¶ã€‚ ブラウザã¯viewportã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã€‚viewportã®ä¸ã§ã¯ã€ã‚ãŸã‹ã‚‚本当ã«480pxã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’使ã£ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªç’°å¢ƒã«ãªã£ã¦ã„る。ãªã®ã§ã€JSã®document.documentElement.clientWidthãªã‚“ã‹ã‚‚480ã‚’è¿”ã™ã—ã€media queryã®æ¡ä»¶åˆ¤å®šã§ã‚‚480pxã®ç”»é¢å¹…ãŒä½¿ã‚れる。 次ã«viewportを実際ã®æ¶²æ™¶ç”»é¢ã«è¡¨ç¤ºã™ã‚‹ã€‚ã“ã®æ™‚ã€view
Bootstrap
{{#tags}}- {{label}}
{{/tags}}