Android 版 Chrome ã§ã®ãƒ“ューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºå¤‰æ›´å‹•ä½œã®å¤‰æ›´ã«å‚™ãˆã‚‹  | Blog  | Chrome for Developers11 月㮠Chrome 108 ã®ãƒªãƒªãƒ¼ã‚¹ã§ã€ã‚ªãƒ³ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ ã‚ーボード（OSK）ãŒè¡¨ç¤ºã•ã‚ŒãŸã¨ãã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ビューãƒãƒ¼ãƒˆã®å‹•ä½œãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ã“ã®å¤‰æ›´ã«ã‚ˆã‚Šã€Android 版 Chrome ã§ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºå¤‰æ›´ãŒãªããªã‚Šã€ä»£ã‚ã‚Šã«ãƒ“ジュアル ビューãƒãƒ¼ãƒˆã®ã¿ã®ã‚µã‚¤ã‚ºå¤‰æ›´ãŒè¡Œã‚ã‚Œã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Android 版 Chrome ã®å‹•ä½œãŒ iOS 版 Chrome ã‚„ iOS 版 Safari ã¨åŒç‰ã«ãªã‚Šã¾ã™ã€‚ 以下ã§ã¯ã€ä»Šå›žã®å¤‰æ›´ã®èƒŒæ™¯ã€Chrome ãŒã“ã®å¤‰æ›´ã‚’è¡Œã†ç†ç”±ã€æº–å‚™ã«å½¹ç«‹ã¤å¯¾å¿œæ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ レイアウト ビューãƒãƒ¼ãƒˆã¨ãƒ“ジュアル ビューãƒãƒ¼ãƒˆ ウェブサイトã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã¨ãã«ã€ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèªã¿è¾¼ã¾ã‚ŒãŸå¾Œã‚‚ページ全体ãŒè¡¨ç¤ºã•ã‚Œãªã„。代ã‚ã‚Šã«ã€ãƒ–ラウザã¯ãƒ“ューãƒãƒ¼ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’表示ã§ãã¾ã™ã€‚ã“ã®ãƒ“ューãƒãƒ¼ãƒˆ
11月末ã®Chrome 108ã§ãƒ“ューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºå¤‰æ›´å‹•ä½œãŒå¤‰æ›´ã€position: fixed;ã¯é…ç½®ãŒãšã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™
スマホ対応ã®å‚考ã«ã€‚JavaScriptã§ã‚¦ã‚§ãƒ–ページãŒã©ã®ãらã„拡大ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã€‚
http://2ndidea.com/accessibility/pros-cons-of-user-scalable-no/
拡大縮å°ã‚‚ã§ãã¦iPhoneã§ãƒ•ã‚©ãƒ¼ãƒ ã«forcusã—ãŸã¨ãズームã—ãªã„よã†ã«ã™ã‚‹
ビューãƒãƒ¼ãƒˆã‚’å˜ä½ã«ã—㟠CSS ã§ã‚¹ãƒžãƒ›å‘ã‘ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒãƒãƒƒãƒ”ーã«ãªã£ãŸè©± | WP-E (ä»®)
Android4ç³»ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ–ラウザã§widthãŒåŠ¹ã‹ãªã„ãƒã‚°ã¨background-colorã§å›žé¿å‡ºæ¥ã‚‹ã¨ã„ã†ãƒ¡ãƒ¢ | kanonjiã®ãƒ–ãƒã‚°
æ–°ã—ã„iOS5ã®Mobile Safariã§meta-viewportã®ãƒ¯ãƒ¼ãƒ‹ãƒ³ã‚°ãŒå‡ºãŸã®ã§WebKitã®ã‚½ãƒ¼ã‚¹ã‚’èªã‚“ã§ã¿ãŸã¨ã„ã†ãŠè©± - l4l
{{#tags}}- {{label}}
{{/tags}}