ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作るã¨ãã® viewport è¨å®šï¼“パターンã スマートフォンå‘ã‘ã® Web サイトを作るã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚る。 最近ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web デザインãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—㦠viewport ã®è¨å®šãƒ‘ターンを抑ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’解説ã™ã‚‹ã€‚ パターン1: 何も考ãˆãšã« HTML を書ã ã¾ãšã¯ã€viewport を指定ã›ãšã«ã€å˜ç´”㪠HTML をスマートフォンã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ 湯気ãŒ<strong>「ã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—味ã«ãªã£ã¦ã„ã¾
Youtubeã®å‹•ç”»ã‚’背景ã«
スマフォサイトã§ã‚ˆã見るパーツã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル集 | 07design.blog
[CSS]スマフォ対応サイトã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
{{#tags}}- {{label}}
{{/tags}}