はてなブックマーク

インターコードの下っ端です。 弊社でレスポンシブルサイトのコーディングをさせて貰う際に各画面サイズに対応させる為、 よく下記のようなCSSを使っています。 @media (max-width: 767px) { /*スマホレイアウト*/} @media (min-width: 768px) { /*タブレットレイアウト*/} @media (min-width: 992px) { /*PCレイアウト*/} @media (min-width: 1200px) { /*PC大画面レイアウト*/} どこかのレスポンシブルサイトの作り方を解説するサイトで紹介されていた方式なのですが、 この書き方だと印刷時にスマホレイアウトになってしまうことに最近気づきました。 今現在インターコードのホームページがその仕様になっています。 これを問題を解決する方法を試行錯誤しながら色々CSSを弄っていたのですが、