{"title":"CSS\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\uff09\u30b9\u30de\u30db\u306e\u6a5f\u7a2e\u306b\u3088\u3089\u305a\u3001\u753b\u9762\u6a2a\u306e\u6587\u5b57\u6570\u3092\u540c\u3058\u306b\u3057\u305f\u3051\u308c\u3070\u3001font-size\u306bvw\u3092\u4f7f\u3046\u3002","author_name":"art2nd","provider_name":"Hatena Blog","url":"https://2ndart.hatenablog.com/entry/2025/09/17/112330","version":"1.0","type":"rich","provider_url":"https://hatena.blog","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20250917/20250917105139.jpg","description":"\u30b9\u30de\u30db\u306f\u3001\u6a5f\u7a2e\u306b\u3088\u3063\u3066\u753b\u9762\u306e\u6a2a\u5e45\u306e\u30b5\u30a4\u30ba\u304c\u9055\u3046\u3002\u30d6\u30e9\u30a6\u30b6\u306epixel\u30b5\u30a4\u30ba\u3082\u9055\u3046\u3002 \uff1c \u30d6\u30e9\u30a6\u30b6\u306e\u8868\u793a\u5e45\u30fb\u30d4\u30af\u30bb\u30eb(pixel)\u30c1\u30a7\u30c3\u30af \uff1e https://ok2nd.github.io/tool/html/pixel-check.html \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u306e\u6307\u5b9a\u65b9\u6cd5\u306b\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u304c\u3042\u308b\u3002 px\uff1a\u30d4\u30af\u30bb\u30eb(pixel)\u7d76\u5bfe\u5024 em\uff1a\u89aa\u8981\u7d20\u306efont-size\u30921\u3068\u3057\u305f\u500d\u7387 rem\uff1a\u6587\u66f8\u306e\u30eb\u30fc\u30c8\u8981\u7d20\u306efont-size\u30921\u3068\u3057\u305f\u500d\u7387 %\uff1a\u89aa\u8981\u7d20\u306efont-size\u3092\u57fa\u6e96\u5024 vh\uff1a\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u9ad8\u3055\u306e% vw\uff1a\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u6a2a\u5e45\u306e% \u30b9\u30de\u30db\u306e\u6a5f\u7a2e\u306b\u3088\u3089\u305a\u3001\u753b\u9762\u6a2a\u5e45\u306b\u5165\u308b\u6587\u5b57\u6570\u3092\u7d71\u4e00\u3057\u305f\u3044\u5834\u5408\u3001\u300cv\u2026","width":"100%","height":"190","categories":["\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3001Web\u4f5c\u6210","\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8"],"author_url":"https://blog.hatena.ne.jp/art2nd/","blog_url":"https://2ndart.hatenablog.com/","blog_title":"\u6674\u6b69\u96e8\u63cf","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2025%2F09%2F17%2F112330\" title=\"CSS\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\uff09\u30b9\u30de\u30db\u306e\u6a5f\u7a2e\u306b\u3088\u3089\u305a\u3001\u753b\u9762\u6a2a\u306e\u6587\u5b57\u6570\u3092\u540c\u3058\u306b\u3057\u305f\u3051\u308c\u3070\u3001font-size\u306bvw\u3092\u4f7f\u3046\u3002 - \u6674\u6b69\u96e8\u63cf\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2025-09-17 11:23:30"}