tohokuaiki https://blog.hatena.ne.jp/tohokuaiki/ tohokuaikiのチラシの裏 https://tohokuaiki.hateblo.jp/ css いつもこんがらがるので・・・。 min-width @media only screen and (min-width: 800px) { 「ブラウザが」800px幅が最低でも必要です => 800px以上のブラウザ幅で有効になります。 max-width @media only screen and (max-width: 800px) { 「ブラウザが」800pxを越える時まで有効です。 minは「最低でも必要」、maxは「この大きさまで有効」 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftohokuaiki.hateblo.jp%2Fentry%2F2017%2F08%2F03%2FMediaqueries%25E3%2581%25AE%25E8%25A6%259A%25E3%2581%2588%25E6%2596%25B9" title="Mediaqueriesの覚え方 - tohokuaikiのチラシの裏" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2017-08-03 15:56:27 rich https://tohokuaiki.hateblo.jp/entry/2017/08/03/Mediaqueries%E3%81%AE%E8%A6%9A%E3%81%88%E6%96%B9 1.0 100%