ã¦ã§ããµã¤ããå¶ä½ããéãç¹ã«CSSã®æ°ãããã¯ããã¯ã«ã¯ãã¶ã¤ã³ã®å¯è½æ§ãåºããã®ã«å½¹ç«ã¤ãã®ãããããããã¾ãã ãã¹ã¦ã®ã¦ã§ãå¶ä½è
ãç¥ã£ã¦ããã¹ã10ã®ã¹ã¿ã¤ã«ã·ã¼ããç´¹ä»ãã¾ãã @media screen and (max-width: 960px) { } ã@mediaãã¯åã«å°å·ç¨ãã¼ã¸ã®ããã ãã§ã¯ããã¾ãããæè¿ã®ã¦ã§ããµã¤ãã§å¤ãè¦ãããã¬ã¹ãã³ã·ããã¶ã¤ã³ãå¯å¤ã¬ã¤ã¢ã¦ãã§ãããå©ç¨ããã¾ãã ãmin-widthããªã©ã®ããããã£ã使ã£ã¦Media Queryãä½ãéã¯ããã¥ã¼ãã¼ãã®ãµã¤ãºãè¨å®ãã¦å©ç¨ãã¦ãã ããã HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> ã¹ãã¼ããã©ã³ã§ã¯è¡¨ç¤ºãããã¼ã¸ã®å¤§ããããã¥ã¼ãã¼ãã®å¹
ã«ï¼ä¸»ã«ï¼ç¸®å°ãã¦ãã£ããããããã
{{#tags}}- {{label}}
{{/tags}}