レスãƒãƒ³ã‚·ãƒ–Webデザインã§ãƒ†ãƒ¼ãƒ–ルを使ã†æ™‚ã®å°æŠ€tableã‚„trã€tdãªã©ã®ãƒ†ãƒ¼ãƒ–ル関連ã®ã‚¿ã‚°ã®dsiplayプãƒãƒ‘ティを変更ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ã¾ã™ã€‚ tableã‚¿ã‚°ã®displayã®å€¤ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯tableã€tdã‚„thã‚¿ã‚°ã¯table-cellã¨ã„ã£ãŸå…·åˆã§ã™ãŒã€ã“ã®å€¤ã‚’blockã‚„list-itemãªã©ä»–ã®å€¤ã«å¤‰ãˆã¾ã™ã€‚ @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chromeã€Safariã€Firefox対応。 IEã§ã¯Tableã®displayを変更ã—ã¦ã‚‚表示ã¯å¤‰ã‚らãªã„よã†ãªã®ã§éžå¯¾å¿œã§ã™ã€‚ æ¡ä»¶åˆ†å²ã‚³ãƒ¡ãƒ³ãƒˆã‚’使ã£ã¦IEã«ã¯ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’èªã¾ã›ãªã„よ
レスãƒãƒ³ã‚·ãƒ–デザインã«ç›¸æ€§ãŒã„ã„ã€ã‚«ãƒ¼ãƒ‰åž‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè£…アイデアã®ã¾ã¨ã‚
TEMPLATED
Bootstrap 3ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®webページをã¤ãã‚ã†ï¼ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬ãªä½¿ã„æ–¹
ペライãƒã®Webページをã™ã°ã‚„ã作り始ã‚られるやã¤ã€ŒRin 3.0ã€ä½œã£ãŸ - MEMOGRAPHIX
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
5分ã§åˆ†ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン
{{#tags}}- {{label}}
{{/tags}}