[CSS]スマートフォンã§è¡¨ç¤ºã—ãŸéš›ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®åºƒå‘Šã‚’効果的ãªé…ç½®ã«ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å½“サイトã®ã‚ˆã†ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«åºƒå‘Šã‚’掲載ã—ã¦ã„る人ã«ã¯æœ—å ±ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 下記ã®ã‚ˆã†ãªã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã‚‚ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’スマートフォンãªã©ã®å°ã•ã„サイズã§è¡¨ç¤ºã™ã‚‹éš›ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã©ã®ã‚ˆã†ã«ã—ã¾ã™ã‹ï¼Ÿ 通常（デスクトップ）時ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ サイドãƒãƒ¼ã‚’全部ã€ä¸‹ã«ç§»å‹•ã—ã¾ã™ã‹ï¼Ÿ [ad#ad-2] サイドãƒãƒ¼ã‚’全部下ã«ã—ã¦ã—ã¾ã†ã¨æ®‹å¿µãªæ„Ÿã˜ã«ãªã‚‹ã®ã§ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®å„広告をコンテンツã®é–“ã«é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Content Folding スマートフォンãªã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ [ad#ad-2] デモ 実装 デモ ã“ã®CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯CSS3 Regionsを使用ã—ã¦ã„ã‚‹ãŸã‚ã€Chrome16+, Safari5.2ã§ã”覧ãã ã•ã„。 IE10ã‚‚ãŠãらã対応ã—ã¦ã„ã¾ã™ã€‚ デモページ：幅800pxã§è¡¨ç¤º 実装 HTML HTML5を使ã£ã¦ã®å®Ÿè£…ã§ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã®ã¯ã€
{{#tags}}- {{label}}
{{/tags}}