{"id":1146,"date":"2018-01-17T21:30:32","date_gmt":"2018-01-17T12:30:32","guid":{"rendered":"http:\/\/4koma-web.com\/coding\/?p=1146"},"modified":"2018-01-17T21:32:45","modified_gmt":"2018-01-17T12:32:45","slug":"1146-2","status":"publish","type":"post","link":"https:\/\/4koma-web.com\/coding\/1146-2\/","title":{"rendered":"\u300ccalc()\u300d\u306e\u5229\u70b9"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/4koma-web.com\/coding\/wp-content\/uploads\/2018\/01\/594e018abcfb3f4e0bb227e6a1d11f25_t.jpg\" alt=\"\" width=\"510\" height=\"340\" class=\"alignnone size-full wp-image-1148\" \/><\/p>\n<p>px\u3084\u3001%, em, rem, vw, vh\u306a\u3069\u306e\u76f8\u5bfe\u5358\u4f4d\u3092\u4f7f\u3063\u3066\u3082\u3001<br \/>\n\u7570\u306a\u308b\u5358\u4f4d\u9593\u3067\u8a08\u7b97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u300ccalc()\u300d\u3067\u306e\u4f7f\u7528\u6cd5\u3067\u3059\u3002<\/p>\n<p>\u300ccalc()\u300d\u306f2\u3064\u306e\u5229\u70b9\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n1.\u7570\u306a\u308b\u5358\u4f4d\u3067\u8a08\u7b97\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u76f8\u5bfe\u5358\u4f4d\uff08vw, vh\u3084%\uff09,<br \/>\n\u7d76\u5bfe\u5358\u4f4d\uff08px\uff09\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n2.\u30d6\u30e9\u30a6\u30b6\u3067\u306e\u5024\u304c\u52d5\u7684\u306b\u306a\u308a\u3001\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u5909\u66f4\u306b\u5408\u308f\u305b\u3066\u9069\u5fdc\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre>\r\n.exsample{\r\n    width: calc(100% - 10px);\r\n}\r\n<\/pre>\n<p>calc()\u300d\u306e\u5b9f\u88c5\u4f8b: \u8981\u7d20\u306e\u30bb\u30f3\u30bf\u30ea\u30f3\u30b0<\/p>\n<p>\u8981\u7d20\u3092\u30dc\u30c3\u30af\u30b9\u5185\u3067\u4e0a\u4e0b\u5de6\u53f3\u3001\u4e2d\u592e\u306b\u30bb\u30f3\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre>\r\n.exsample {\r\n    position: absolute\r\n    top: calc(50% - 100px);\r\n    left: calc(50% - 100px);\r\n}\r\n<\/pre>\n<p>\u4e0a\u8a18\u306e\u4f8b\u3067\u306f\u7e26\u3001\u6a2a\u3068\u3082\u306b100px\u306e\u30dc\u30c3\u30af\u30b9\u306e\u5834\u5408\u4e0a\u4e0b\u4e2d\u592e\u306e\u914d\u7f6e\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>px\u3084\u3001%, em, rem, vw, vh\u306a\u3069\u306e\u76f8\u5bfe\u5358\u4f4d\u3092\u4f7f\u3063\u3066\u3082\u3001 \u7570\u306a\u308b\u5358\u4f4d\u9593\u3067\u8a08\u7b97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u300ccalc()\u300d\u3067\u306e\u4f7f\u7528\u6cd5\u3067\u3059\u3002 \u300ccalc()\u300d\u306f2\u3064\u306e\u5229\u70b9\u304c\u3042\u308a\u307e\u3059\u3002 1.\u7570\u306a\u308b\u5358\u4f4d\u3067\u8a08\u7b97\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"","_original_post":"","footnotes":""},"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 23:56:14","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1146"}],"collection":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/comments?post=1146"}],"version-history":[{"count":0,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1146\/revisions"}],"wp:attachment":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/media?parent=1146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/categories?post=1146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/tags?post=1146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}