no-work-no-life-4081 https://blog.hatena.ne.jp/no-work-no-life-4081/ AppSeedのアプリ開発ブログ https://develop.hateblo.jp/ サーバー開発 開発関連ツール・サービス HTML5・css・javascript 最近、ウェブで使える便利ツールのサイトを作っているのですがスマホ向けのレイアウトを最近勉強中なのでメモとして残しておきます。PC向けのレイアウトのサイトを作って、後からスマホ向けのレイアウトにも対応させたい場合、以下の方法でやればそれっぽい見た目にすることができます。（今回紹介するのは簡易的な方法なので、ちゃんとやりたい場合はちゃんとしたHTML5やCSSのサイトをみた方がいいと思います。） 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevelop.hateblo.jp%2Fentry%2Fwebsite-sumaho-layout-taiou" title="Webサイトのスマホレイアウト対応に関するメモ（HTML5・CSS） - AppSeedのアプリ開発ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1200px-HTML5_logo_and_wordmark.svg.png Hatena Blog https://hatena.blog 2019-04-03 10:27:26 rich https://develop.hateblo.jp/entry/website-sumaho-layout-taiou 1.0 100%