-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-
WebサイトをiPadã«æœ€é©åŒ–ã•ã›ã‚‹1è¡Œ « HTML « Snippet-Editor.com
<meta name="viewport" content="width=1024" /> タイトルを「iPadã«æœ€é©ãªViewportã®å€¤ã¯"1024"ã€ã‹ã‚‰ã€ŒWebサイトをiPadã«æœ€é©åŒ–ã•ã›ã‚‹1è¡Œã€ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 上ã®1行をheadタグ内ã«è¿½åŠ ã™ã‚‹ã ã‘ã§ç°¡å˜ã«ã‚µã‚¤ãƒˆã‚’iPadã«æœ€é©åŒ–ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 内容的ã«ã¯ã€ŒiPadを横長ã«æŒã£ãŸã¨ãã«ãƒšãƒ¼ã‚¸ãŒæ£ç¢ºã«ï¼ˆpixel by pixelã§ï¼‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã€ã¨ã„ã†æ„味ã§ã€Appleã‚‚ãã†ã—ã¦ã„ã¾ã™[1]。 例外ã¨ã—ã¦ã¯ã€ <meta name="viewport" content="width=device-width" /> 固定幅をæŒãŸãªã„Webサイトã§ã¯ä¸Šã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã®ãŒæœ‰åŠ¹ã§ã€iPhoneãªã‚‰320pxã€iPadã§ã¯768pxã®å€¤ãŒè‡ªå‹•çš„ã«ä»£å…¥ã•ã‚Œã¾ã™ã€‚ （480pxã‚„1024pxã§ãªã„点ã«æ³¨æ„。本体を横長ã«æŒã£ã¦ã‚‚
viewport メタタグ㨠@viewport è¦å‰‡ - Dev.Opera
viewport メタタグ㨠@viewport è¦å‰‡ Translated by Masataka Yakura · 31 Mar, 2011Published in: target-densitydpi, mobile, opera mobile, viewport, device-pixel-ratioThis is a translation of An introduction to meta viewport and @viewport, written by Andreas Bovens. ã¯ã˜ã‚ã« Opera ã®ãƒ¢ãƒã‚¤ãƒ«è£½å“ã§ã¯ãšã„ã¶ã‚“昔ã‹ã‚‰ viewport メタタグをサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚Opera Mobile 11 ã«ãªã£ã¦ viewport 実装ã¯ã‚ˆã‚Šå …牢ãªã‚‚ã®ã«ãªã‚Šã€ã¾ãŸã€ç•°ãªã‚‹ç”»é¢å¯†åº¦ã«å¯¾å¿œã™ã‚‹æ–°ã—ã„メカニズムもサãƒãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ã•ã‚‰ã«ã¯ã€ç§ãŸã¡ãŒæ出ã—㟠@v
Travellers Tales : iPod touch/iPhone ã® viewport 属性ã®åŒºåˆ‡ã‚Šã¯ã‚»ãƒŸã‚³ãƒãƒ³ã§ã¯ãªãカンマ
iPod touch/iPhone ã® viewport 属性ã®åŒºåˆ‡ã‚Šã¯ã‚»ãƒŸã‚³ãƒãƒ³ã§ã¯ãªãカンマ viewport 属性ã®åŒºåˆ‡ã‚Šã¯ã‚»ãƒŸã‚³ãƒãƒ³ã˜ã‚ƒãªãã¦ã‚«ãƒ³ãƒžã˜ã‚ƒãªã„？ 日本ã§ã‚‚ iPod touch/iPhone 用ã®ã‚¦ã‚§ãƒ–サービス・インターフェイスãŒç¶šã€…出ã¦ãã¾ã—ãŸãŒã€å®Ÿéš›ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ meta 属性㮠viewport プãƒãƒ‘ティã®åŒºåˆ‡ã‚ŠãŒ2種類å˜åœ¨ã™ã‚‹ã“ã¨ã«æ°—ãŒä»˜ãã¾ã—ãŸã€‚カンマ（コンマ）を使ã£ã¦ã„ã‚‹ã¨ã“ã‚ã¨ã€ã‚»ãƒŸã‚³ãƒãƒ³ã‚’使ã£ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ カンマ区切り㮠viewport <meta name="viewport" content="width=320, user-scalable=no /"> セミコãƒãƒ³åŒºåˆ‡ã‚Šã® viewport <meta name="viewport" content="width=320; user-scalable=no; /"> Apple ã®é–‹
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://2ndidea.com/accessibility/pros-cons-of-user-scalable-no/
{{#tags}}- {{label}}
{{/tags}}