iPhoneサイトã®ä½œã‚Šæ–¹ - web.londoner25.net先日ã€ä¼šç¤¾ã®å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸå†…容をã¾ã¨ã‚ã¾ã™ã€‚ 開発言語 HTML CSS (JavaScript) 表示方法 PCã¨å…±ç”¨ iPhone専用ã®ãƒšãƒ¼ã‚¸ 閲覧デãƒã‚¤ã‚¹ã®åˆ¤åˆ¥æ–¹æ³• JSã‚„PHPãªã©ã®ã‚¹ã‚¯ãƒªãƒ—トã§UAを判別 Apacheã§UAを判別 CSS3ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’用ã„ã¦ãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦åˆ¤åˆ¥ メディアクエリー CSS3ã®æ–°æ©Ÿèƒ½ã€‚linkè¦ç´ ã®media属性ã«PC用ã¨iPhone用ã«ãã‚Œãžã‚Œä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã‚’挿入ã™ã‚‹ã€‚ IEシリーズã¯ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’解釈ã—ã¦ãã‚Œãªã„ã®ã§ã€åˆ¥é€”CSSを用æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ PC用 media="only screen and (min-width: 481px)" iPhone用 media="only screen and (max-width: 480px)" IE用 <!--[if IE]><link rel="styleshe
スマホ対応ã®æ–°æ½®æµã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ã¨ã¯ï¼Ÿ (1/3)
{{#tags}}- {{label}}
{{/tags}}