[B! safari] akatuki_satoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akatuki_sato id:akatuki_sato

safariã«é–¢ã™ã‚‹akatuki_satoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€ŽiPhoneã®Safariã‹ã‚‰Makeshopã®ã‚µã‚¤ãƒˆã«ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨ãã«çœŸã£ç™½ã«ãªã£ã¦ã—ã¾ã†ã€
ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå¾Œã ã£ãŸã®ã§ã€ä½•ã‹ä¸å…·åˆã§ã‚‚ã‚ã£ãŸã®ã‹ã¨æ€ã„ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã™ã‚‹ã¨Chromeã¯SP/PCã©ã¡ã‚‰ã‚‚ä¸¡æ–¹ã‚¯ãƒ«ã‚¯ãƒ«ãŠå¾…ã¡ãã ã•ã„ãƒžãƒ¼ã‚¯ã§æ•°ç§’ã§ãƒã‚°ã‚¤ãƒ³ã§ãã¾ã—ãŸã€‚ ã‚„ã¯ã‚Šâ€¦ Safariã ã‘ãªãœçœŸã£ç™½ã«ï¼Ÿ é€šä¿¡é€Ÿåº¦ã‚‚æ€ªã—ã„ã¨æ€ã£ã¦èª¿ã¹ã¾ã—ãŸãŒâ€¦ è‰¯å¥½ã§ã™ãâ€¦ ã‚“ãƒ¼ ã¨æ‚©ã‚“ã§ã„ã‚‹ã†ã¡ã«ãã®ãƒšãƒ¼ã‚¸ã§5ã€œ8ç§’ç¨‹æ”¾ç½®ã—ã¦ã‹ã‚“ãŒãˆã¦ã„ãŸã¨ã“ã‚â€¦ ãªã‚“ã¨ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šãƒã‚°ã‚¤ãƒ³ã§ãã¦ã„ã¾ã—ãŸï¼ˆç¬‘ï¼‰ å¯¾å‡¦æ³•ã¨ã—ã¦ã¯ã€ãƒã‚°ã‚¤ãƒ³ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸå¾Œã€æ•°ç§’æˆ‘æ…¢ã—ã¦å¾…ã¤Â ã§ã™ã€‚ å‚è€ƒã‚µã‚¤ãƒˆ æœ€è¿‘Safariãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒã‚°ã‚¤ãƒ³ã‚„ãƒªãƒ³ã‚¯ã«ã†ã¾ãé£›ã°ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¢ãƒ‰ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚¢ãƒ—ãƒªãªã©ã‚‚å…¥ã‚Œã¦ã„ã‚‹å ´åˆã‚‚ãã†ãªã®ã§ã™ãŒã€ ãƒªãƒ³ã‚¯ã‚„ãƒãƒŠãƒ¼ã‚’é•·æŠ¼ã—ã—ã¦åˆ¥ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ãã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒžãƒ¬ãƒ³ãƒˆã§ã¯ã€ä»–ã«ã‚‚æ§˜ã€…ãªæ¥ç¨®ã®C2Cï¼ˆCtoCï¼‰ã‚µã‚¤ãƒˆæ§‹ç¯‰å®Ÿç¸¾ãŒã”ã–ã„ã¾ã™ã€‚ ãœã²ãŠæ°—è»½ã«Â ãŠå•ã„
akatuki_sato 2021/10/11
Safari

MS
ãƒªãƒ³ã‚¯
-webkit-text-size-adjust: none ã‚’çµ¶å¯¾ã«è¨å®šã—ã¦ã¯ã„ã‘ãªã„ç†ç”±
PC ç‰ˆã® Google Chrome ã‚„ Safari ã§è¦‹ãŸã¨ãã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ãŒè½ã¡ã‚‹ã‹ã‚‰ã€‚ ä»¥ä¸Šã€‚ ã§çµ‚ã‚ã£ã¦ã—ã¾ã†ã¨è¨˜äº‹ã«ãªã‚‰ãªã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨èª¬æ˜Žã—ã¦ãŠãã€‚ ãã‚‚ãã‚‚ -webkit-text-size-adjust ã¨ã¯ä½•ã‹ iPhone ã‚„ Android ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ã€ç¸¦å‘ã (Portrate mode) ã¨æ¨ªå‘ã (Landscape mode) ã®æ–‡å—ã‚µã‚¤ã‚ºã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚‹ã€‚ ã“ã‚Œã‚’åˆ¶å¾¡ã™ã‚‹ã®ãŒ CSS ã® -webkit-text-size-adjust ã§ã‚ã‚‹ã€‚ æ–‡å—ã‚µã‚¤ã‚ºè‡ªå‹•èª¿æ•´ã®å…·ä½“ä¾‹ æ¬¡ã®ã‚ˆã†ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
akatuki_sato 2013/02/14
html

safari

ç´ æ

iphone
ãƒªãƒ³ã‚¯
iPhoneã®Safariã§å‹•ãWebã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸã¨ãã®ãƒ¡ãƒ¢ - æ˜Ÿå±‘æ—¥è¨˜
iPhoneã§ã¯Safariä¸Šã§å‹•ãWebã‚¢ãƒ—ãƒªã‚’ã„ã‹ã«ã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã®iPhoneã‚¢ãƒ—ãƒªã§ã‚ã‚‹ã‹ã®ã‚ˆã†ã«è¦‹ã›ã‹ã‘ã¦ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã‚Œã ã¨App Storeã®å¯©æŸ»ãªã©ã‚’é€šã•ãšã«ãƒªãƒªãƒ¼ã‚¹ã§ãã‚‹ã®ã§ã€ãƒªãƒªãƒ¼ã‚¹ã‚„ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã®ã‚µã‚¤ã‚¯ãƒ«ãŒé€Ÿãã€æ‰‹è»½ã«ä½œã‚Œã¾ã™ã€‚ä»Šå›žã€ã‚ã‚‹ç”»åƒãƒ“ãƒ¥ãƒ¼ãƒ¯ãƒ¼ã‚’Webã‚¢ãƒ—ãƒªã¨ã—ã¦ä½œã£ã¦ã€ãã®ã¨ãã«ã„ã‚ã„ã‚èª¿ã¹ãŸã®ã§ãã®ãƒ¡ãƒ¢ã‚’ä»¥ä¸‹ã«æ›¸ãã¾ã™ã€‚ <meta name="viewport" content="width=device-width, initial-scale=1, user-scala ble=no" />ã“ã‚Œã¯iPhoneç”¨ãƒšãƒ¼ã‚¸ã¨ã—ã¦ã¯åŸºæœ¬ã®viewportã€‚ä»Šå›žã¯æ‹¡å¤§ã§ããªã„ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ <meta name="apple-mobile-web-app-capable" content="yes" />ã“ã‚ŒãŒä»Šå›žã®è‚ã€‚ã“ã‚Œã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ã§Safari
akatuki_sato 2012/10/16
ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã—ãŸæ™‚ã®ãƒ¡ã‚¿ã‚¿ã‚°ã«ã¤ã„ã¦ãƒ¡ãƒ¢

safari

iphone
ãƒªãƒ³ã‚¯
è€ƒå¯Ÿï¼šAppleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‰ãªã„ã€‚
ä»Šã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³)å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãªã„ã€‚ãã‚Œã¯ä½•æ•…ã‹ã€‚ äºˆç®—ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è‡ªç¤¾è£½å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãã‚‰ããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„ã€‚Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„ã‚‹ã€‚ Mobile Safari ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªã‚’åž£é–“è¦‹ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Appleã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘è¦—ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã€‚ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024pxåˆ†ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
akatuki_sato 2011/06/22
safari

Apple

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Mobile Safari ã® Label è¦ç´ æŒ™å‹•è¦šãˆæ›¸ã
iPhone/iPad/iPod touch ã® Mobile Safari ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ label è¦ç´ ã‚’ã‚¿ãƒƒãƒ—ã—ã¦ã‚‚é–¢é€£ä»˜ã‘ãŸãƒ•ã‚©ãƒ¼ãƒ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ä»£è¡Œã—ãªã„ã€‚ ã¤ã¾ã‚Šã€<label for="checkbox1"> ãªã©ã¨æŒ‡å®šã—ã¦ã‚‚ã€label ã‚¿ãƒƒãƒ—ã§ checkbox1 ã®é¸æŠžçŠ¶æ…‹ã¯å¤‰åŒ–ã—ãªã„ã€‚ ã“ã‚Œã‚’ fix ã™ã‚‹ãŸã‚ã«ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰æ™‚ãªã©ã«äºˆã‚å„ label ã® click ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã¸ä½•ã‚‰ã‹ã® function ã‚’ãƒã‚¤ãƒ³ãƒ‰ã™ã‚‹ï¼ˆfunction ãŒãƒã‚¤ãƒ³ãƒ‰ã•ã‚Œã¦ã•ãˆã„ã‚Œã°è‰¯ã„ã®ã§ã€ç‰¹ã«ä½•ã‹å‡¦ç†ã‚’ã™ã‚‹å¿…è¦ã¯ãªã„ï¼‰ã€‚ ã“ã®æŒ™å‹•ã¯ iOS ã ã‘ã§ãªã Android ã®æ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åŒæ§˜ã‚‰ã—ã„ã€‚ ã‚³ãƒ¼ãƒ‰ä¾‹ ã“ã¡ã‚‰ã®æ¤œè¨¼ãƒšãƒ¼ã‚¸ã‚’ Mobile Safari ã§é–‹ãã¨ã€text2 ã® label ä»¥å¤–ã¯ fix ã•ã‚Œã¦ã„ã‚‹ã¯ãšã€‚
akatuki_sato 2011/06/14
iPhoneã§Labelè¦ç´ ã¯ä½¿ãˆãªã„ã®ã‹(Â´ãƒ»Ï‰ãƒ»ï½€)

mobile

iOS

safari
ãƒªãƒ³ã‚¯
1