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
3ã‚ャリア対応ケータイXHTMLã®TIPS 8㤠: アシアルブãƒã‚°
最近ケータイサイトã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚ャリアや機種ã«ã‚ˆã£ã¦å‹•ä½œã«ã„ã‚ã„ã‚ã¨é•ã„ãŒã‚ã‚Šã€ãªã‹ãªã‹é¢å€’ã§ã™ã。 ã‚ャリアã”ã¨ã«ãƒ†ãƒ³ãƒ—レートを分ã‘ã¦è¨˜è¿°ã™ã‚‹ã®ã¯æ‰‹é–“ãªã®ã§ã€åŸºæœ¬çš„ã«å…±é€šãƒ†ãƒ³ãƒ—レートã§è¨˜è¿°ã—ãŸã„ã¨ã“ã‚ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚振り分ã‘ã‚’ã—ãªã„ã¨é§„ç›®ãªã“ã¨ã‚‚ã‚ã‚‹ãŸã‚ã€ä»Šå›žã‚„ã£ã¦ã¿ã¦æ°—ãŒã¤ã„ãŸé•ã„ãªã©ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãªãŠã€ã„ã‚ゆる第三世代æºå¸¯é›»è©±(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)ã§XHTML対応機種ã®ã¿ã‚’対象ã¨ã—ã¦ã„ã¾ã™ã€‚ â– æ–‡å—コード UTF-8ã§çµ±ä¸€ã—ã¦å¤§ä¸ˆå¤«ãã†ãªã®ã§ã™ãŒã€DoCoMoã®ã¿ç‰¹å®šã®æ–‡å—(三点リーダーや丸数å—ãªã©)をフォームã‹ã‚‰å…¥åŠ›ã—ãŸå ´åˆã«æ¶ˆãˆã¦ã—ã¾ã£ãŸã‚Šã™ã‚‹ã‚ˆã†ã§ã™ã®ã§ã€DoCoMoã¯å…¥å‡ºåŠ›ã‚’Shift_JISã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ※上記ã§ç‰¹å®šã®æ–‡å—ã®ã²ã¨ã¤ã¨ã—ã¦ã‚ã’ã¾ã—ãŸä¸‰ç‚¹ãƒªãƒ¼ãƒ€ãƒ¼ã§ã™ãŒã€UT
TRANS - æºå¸¯ç”¨CSSを書ã上ã§æŠ¼ã•ãˆã¦ãŠãã¹ããƒã‚¤ãƒ³ãƒˆ
先日ã€diggã§Vitamin Features » Make your site mobile friendlyã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒä¸ŠãŒã£ã¦ãã¦ã¾ã—ãŸã€‚見ã¦ã¿ã‚‹ã¨ã€éžå¸¸ã«ã†ã¾ã„å…·åˆã«æºå¸¯å‘ã‘ã®CSSã‚„HTMLã®æ›¸ãæ–¹ãªã©ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚僕もæºå¸¯å‘ã‘CSSã®æ›¸ãæ–¹ã«ã¯èˆˆå‘³ãŒã‚ã£ãŸã®ã§ã€å‹‰å¼·ãŒã¦ã‚‰é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã‚’抜ã出ã—ã¦ã€å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ 和訳文ã¯æ¬¡ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã§ã™ã€‚（上記サイトã®ã€Œmobileã€ã¯æºå¸¯é›»è©±ã‚„PDAã‚’å«ã‚ãŸãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ãŒæ£ç¢ºãªè¨³ã§ã™ãŒã€ã“ã“ã§ã¯è©±ã‚’分ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«ã€Œmobileã€ã‚’å…¨ã¦ã€Œæºå¸¯ã€ã¨è¨³ã—ã¦ã„ã¾ã™ã€‚） 基本ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—よã†ã€‚ æ—¢ã«è«–ç†çš„ã§ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªHTMLã‚’æ§‹é€ åŒ–ã—ã¦ã„ã‚‹ã‚“ã ã£ãŸã‚‰ã€æºå¸¯ã‚’å«ã‚ãŸã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãã‚Œã„ã«ã€ä½¿ã„ã‚„ã™ãã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã«ãªã£ã¦ã„ã¾ã™ã€‚æºå¸¯ã«ã‚ˆã£ã¦ã¯ã€WAPã«æº–æ‹ ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ã€ã‚‚ã—ã‹ã—ãŸã‚‰WAP2ã‚‚ã„ã‘ã‚‹ã‹ã‚‚ã—
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://design-spice.com/2012/06/13/responsive-web-design-image/
{{#tags}}- {{label}}
{{/tags}}