æºå¸¯ã‚µã‚¤ãƒˆã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®ãƒã‚¤ãƒ³ãƒˆï¼ã€€ï½žã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è¡¨ç¤ºã§æœ€é©ã‚µã‚¤ã‚ºã‚’è¨å®šã™ã‚‹ã€Œviewportã€ï½ž | Web担当者Forum
1.æºå¸¯å‘ã‘サイトã¯æ¨ªå¹…240pxã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã¯320px 2.スマートフォンã«ã‚ã‚‹ã¨ã„ã„ viewport 3.æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã•ã›ã‚‹ â– æºå¸¯å‘ã‘サイトã¯æ¨ªå¹…240pxã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã¯320px æºå¸¯é›»è©±ï¼ˆã‚¬ãƒ©ã‚±ãƒ¼ã€ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒ•ã‚©ãƒ³ï¼‰ã®æ¨ªå¹…ã¯ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒ240pxå‰å¾Œã§ã‚ã‚Šã€ä¸€èˆ¬çš„ã«æºå¸¯å‘ã‘ã®ã‚µã‚¤ãƒˆã¯æ¨ªå¹…240pxã§ä½œã‚‰ã‚Œã¾ã™ã€‚ 一方ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã€ã‚¿ãƒ–レットãªã©ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç‰‡æ‰‹ã§æŒã¦ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã¯320pxã®ã‚‚ã®ãŒä¸»æµã¨ãªã£ã¦ã„ã¾ã™ã€‚ æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンサイトã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã«ã¯ã“ã®æ¨ªå¹…ã®å•é¡ŒãŒã‚ã‚Šã€ã€Žç”»åƒãŒå°ã•ããªã‚‹ï¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€ãªã©ã®å•é¡ŒãŒç™ºç”Ÿã—ã¾ã™ã€‚ ■スマートフォンã«ã‚ã‚‹ã¨ã„ã„ viewport スマートフォンã§ã‚¦ã‚§ãƒ–サイトを閲覧ã™ã‚‹ã¨ã€ç‰¹ã«PCå‘ã‘ã«ä½œã‚‰ã‚ŒãŸãƒšãƒ¼ã‚¸ã®å ´åˆã¯ã€å°ã•ã„ç”»é¢ã«åŽã¾ã‚‹ã‚ˆã†ã«ã—ã¦å°ã•ã表示ã•ã‚Œ
Webフォームvs. ASP.NET MVC ― スマートフォンå‘ã‘Web開発ã§ä½¿ãˆã‚‹ã®ã¯ã©ã£ã¡ï¼Ÿï¼ˆ1/4） - ï¼ IT
.NETã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³Web UI開発ガイドã€å°Žå…¥ç·¨ã€‘ Webフォームvs. ASP.NET MVC ― スマートフォンå‘ã‘Web開発ã§ä½¿ãˆã‚‹ã®ã¯ã©ã£ã¡ï¼Ÿ WINGSプãƒã‚¸ã‚§ã‚¯ãƒˆ ã‹ã‚‹ã‚（監修：山田祥寛） 2011/04/18 ã“ã“æ•°å¹´ã§ã€æ—¥æœ¬ã«ãŠã„ã¦ã‚‚iPhoneã‚„Android端末ã¨ã„ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ‰€æœ‰çŽ‡ãŒå¤§ãã伸ã³ã€ãã‚Œã«ä¼´ã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å…¨èˆ¬å‘ã‘ã®Webアプリã®é–‹ç™ºã‚„ã€å„スマートフォン・プラットフォームå‘ã‘ã®ãƒã‚¤ãƒ†ã‚£ãƒ–・アプリã®é–‹ç™ºãŒæ³¨ç›®ã‚’æµ´ã³ã¦ã„る（※本稿ã§ã¯ã€Œã‚¢ãƒ—リケーションã€ã¯ã€Œã‚¢ãƒ—リã€ã¨ç•¥ã™ï¼‰ã€‚ 本稿ã§ã¯ã€ASP.NETãŒæä¾›ã™ã‚‹ã€Webフォームã€ASP.NET MVCã¨ã„ã†2ã¤ã®Web開発技術をå–り上ã’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Web開発を行ã†ã†ãˆã§ã€ã©ã¡ã‚‰ãŒé©ã—ã¦ã„ã‚‹ã®ã‹ã‚’検証ã—ã¦ã„ããŸã„。 â– Webアプリã¨ãƒã‚¤ãƒ†ã‚£ãƒ–・アプリã®æ¯”較 スマートフォンå‘ã‘ã®ã‚¢ãƒ—
Androidブラウザã§viewportã®width指定
Androidブラウザã§viewportã®width指定 Androidブラウザã¯iPhoneã®ã‚ˆã†ã«viewportã®widthã«æ•°å€¤ãŒæŒ‡å®šã§ãã¾ã›ã‚“。(ãƒãƒƒãƒˆã‚’見ã¦ã„ã‚‹ã¨æŒ‡å®šã§ãã‚‹ã¨æ›¸ã„ã¦ã„るページもよãã‚ã‚‹ã®ã§ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦é•ã†ã®ã‹ã‚‚？) タイムリーã«@takazudoãŒåŒã˜ã‚ˆã†ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€å¯¾å¿œæ–¹æ³•ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãŸã ã€ç§ã®æ¤œè¨¼ç’°å¢ƒã€IS01ã‚„GALAXY Sã€Androidシミュレータã ã¨ã†ã¾ãå‹•ã‹ãšã€‚デãƒã‚¤ã‚¹ã®å®Ÿè£…差異ã‹ãªã‚“ã‹ã‹ãªã€‚ ã§ã€è‰²ã€…ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ãŸã®ã§ã™ãŒã€metaè¦ç´ ã§ã€Œcontent="width"ã€ã‚’指定ã›ãšã€JavaScriptã§æ¬¡ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã¨ã€Œcontent="width=640"ã€ã£ã½ã„表ç¾ãŒå¯èƒ½ã§ã™ã€‚ $(window).bind('resize load', function(){ $("html").css("zoom" ,
Androidサイトã¯æ¨ªå¹…何pxã§ä½œã‚Œã°ã„ã„ã®ã‹ï¼Ÿ - ã•ãペラ
ã„ãã¤ã‹Androidサイト制作ã®ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€ã„ã‚ã„ã‚android機種ã§ãƒ‡ãƒãƒƒã‚°ã‚’ã—ã¦æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã§ä¸€ç•ªã¯ã¾ã£ãŸã®ãŒã€ã€ŒAndroidサイトã¯æ¨ªå¹…何pxã§ä½œã‚Œã°ã„ã„ã®ã‹ï¼Ÿã€ã¨ã„ã†ç‚¹ã§ã™ã€‚ 今ã§ã¯è§£æ±ºæ–¹æ³•ã‚’見ã¤ã‘ãŸã®ã§ä»¥ä¸‹ã€ã¾ã¨ã‚ã¾ã™ã€‚ Androidã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè§£åƒåº¦ã«ã¤ã„㦠Androidサイトを作る際ã€æ¨ªå¹…何ピクセルã§ä½œã‚Œã°ã„ã„ã®ã‹ãªã‚ã¨æ€ã„ã€Android機種ã®è§£åƒåº¦ä¸€è¦§ã®è¡¨ã‚’探ã™ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€ãã®æƒ…å ±ã‚’éµœå‘‘ã¿ã«ã—ã¦ã‚µã‚¤ãƒˆã®æ¨ªå¹…ã‚’è¨è¨ˆã™ã‚‹ã¨ã€å¤±æ•—ã™ã‚‹ã“ã¨ã«ãªã‚‹ã®ã§ã™ã€‚ ãªãœãªã‚‰ã€ã€Œæ©Ÿç¨®è‡ªä½“ã®è§£åƒåº¦æ€§èƒ½ã¯é«˜ãã¦ã‚‚webブラウザã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è§£åƒåº¦è¨å®šãŒä½Žããªã£ã¦ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã‹ã‚‰ã€ã€ãªã®ã§ã™ã€‚ ãŸã¨ãˆã°ã€IS03ã¯640*960ã¨ã„ã†è§£åƒåº¦ã‚’æŒã£ã¦ã¾ã™ãŒã€viewportã§ã‚µã‚¤ã‚ºã‚’指定ã—ãªã„ã§è¡¨ç¤ºã—ãŸã¨ãã®æ¨ªå¹…ã¯ã€320pxãªã‚“ã§ã™ã…。 android
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ 更新日：2011å¹´1月22日｜公開日：2011å¹´1月22æ—¥ iPhoneã¨Android両方ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘サイト作æˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 横幅ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320px～640pxã€æ¨ªå‘ãã§480px～960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ 標準ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(横)/480px（縦）を標準ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ※iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…部解åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãれるãŸã‚。 ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’作æˆã™ã‚‹éš›ã‚‚縦を標準ã¨ã™ã‚‹éš›ã¯320px（横）ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://socketapi.com/jsbu/viewport/height.htm
GitHub - pbakaus/viewporter: Meta viewport done right.
{{#tags}}- {{label}}
{{/tags}}