webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ レスポンシブ 田中先生 ポートフォリオサイトはレスポンシブで作りましょう。 レスポンシブでないものは検索評価が落ちる傾向。 PC（win）でモバイルチェックするにはMobilizer。 子孫セレクタを使おう スマートフォン用のリセットCSS 作例１ テキストp53 HTML head viewportの設定 電話番号認識の無効化 iphoneホーム画面用のアイコン指定 iphone用のCSS パンくずリスト CSS リセット 各要素のmarigin、paddingのリセット 文字サイズの自動調整の無効化 HTML5要素のブロックレベル化（上下marginの有効化） 画像、リスト、表のリセット パンくずリスト クリアフ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20131119%2F1384786800" title="レスポンシブ（魅せる！iphoneサイト） - 96&#39;s blog" 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 2013-11-18 00:00:00 rich https://96s.hatenablog.com/entry/20131119/1384786800 1.0 100%