ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js[to-R]ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js Web標準ã®æ—¥ã€…ã®ã‚°ãƒ«ãƒ¼ãƒ—ディスカッションã§å‡ºãŸãƒ©ã‚¤ãƒ–ラリ案を作ã£ã¦ã„ãä¼ç”»ã€ç¬¬ä¸€å¼¾ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹jsライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.js〠CSSã§ã¯è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®heightLine.jsã¯ã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹äº‹ãŒã§ãã€2カラムレイアウトや3カラムレイアウトã®ãã‚Œãžã‚Œã®ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’floatã§é…ç½®ã™ã‚‹éš›ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã§ãã‚‹ã€ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ラリã«ãªã‚Šã¾ã™ã€‚ è¨ç½®æ–¹æ³• headè¦ç´ 内ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸheightLine.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/ja
![ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
{{#tags}}- {{label}}
{{/tags}}