プログラミング

CSSのメディアスクリーンでレスポンシブ

CSSのメディアスクリーンを使用してレスポンシブ画面を実装するCSSコードのサンプルコード例についてメモです。
以下のように、 “@media screen and (min-width: 800px)” などのコードを使用します。


    @media screen and (min-width: 800px) {
      #yuishelp {
            position: absolute; right: 8em;  top: 80px;
      }
    }

    @media screen and (max-width: 800px) {
      #yuishelp {
            display: none ;
      }
    }

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です