{"provider_name":"Hatena Blog","height":"190","title":"Media Query\u3067HTML\u306b\u9069\u7528\u3059\u308bCSS\u3092\u5207\u308a\u66ff\u3048\u3066\u307f\u308b","author_name":"opensourcetech","categories":["HTML","CSS","Media Query","\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u30fc"],"provider_url":"https://hatena.blog","published":"2020-08-14 23:44:51","width":"100%","description":"LinuC\u30a8\u30f4\u30a1\u30f3\u30b8\u30a7\u30ea\u30b9\u30c8\u306e\u9be8\u4e95\u8cb4\u535a@opensourcetech\u3067\u3059\u3002 \u4eca\u56de\u306f\u3001\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3067\u4f5c\u6210\u3057\u305fHTML/CSS\u3092Media Query\u3092\u4f7f\u3063\u3066\u6761\u4ef6\u306b\u3088\u3063\u3066\u5207\u308a\u66ff\u3048\u3066\u307f\u3088\u3046\u3068\u304a\u3082\u3044\u307e\u3059\u3002 www.opensourcetech.tokyo \u30d6\u30e9\u30a6\u30b6\u306e\u5e45\u3092\u5909\u66f4\u3092\u5207\u308a\u66ff\u3048\u6761\u4ef6\u3068\u3057\u3066\u3001 header\u90e8\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u307f\u307e\u3059\u3002 \u65b9\u6cd5 \u305d\u306e1 \u307e\u305a\u306f\u3001HTML\u30d5\u30a1\u30a4\u30eb\u5185\u306elink\u3092\u4f7f\u3044\u307e\u3059\u3002 \u30d6\u30e9\u30a6\u30b6\u306e\u5e45\u304c\u30010-480px < 480-960px < \u305d\u308c\u4ee5\u4e0a \u3068\u5909\u5316\u3059\u308b\u3053\u3068\u3067\u4f7f\u7528\u3059\u308bCSS\u30d5\u30a1\u30a4\u30eb\u304c\u5909\u66f4\u3055\u308c\u307e\u3059\u3002 <!DOCTYPE html> <html> <head> <titl\u2026","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/o/opensourcetech/20200813/20200813111516.png","author_url":"https://blog.hatena.ne.jp/opensourcetech/","url":"https://www.opensourcetech.tokyo/entry/20200814/1597416291","type":"rich","version":"1.0","blog_url":"https://www.opensourcetech.tokyo/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.opensourcetech.tokyo%2Fentry%2F20200814%2F1597416291\" title=\"Media Query\u3067HTML\u306b\u9069\u7528\u3059\u308bCSS\u3092\u5207\u308a\u66ff\u3048\u3066\u307f\u308b - Opensourcetech\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"Opensourcetech\u30d6\u30ed\u30b0"}