{"width":"100%","published":"2021-11-18 03:02:00","blog_title":"\u9752\u3044\u3084\u3064\u306e\u9032\u6357\u65e5\u8a18\u3002","description":"www.seleqt.net \u306a\u3093\u304b\u305d\u3046\u3044\u3048\u3070\u305d\u3046\u3044\u3046\u306e\u3042\u3063\u305f\u306a\u2026\u6c17\u3065\u304b\u306a\u304b\u3063\u305f\u2026\u3057\u3087\u3046\u304c\u306a\u3044\u306e\u3067JS\u3067window.innerWidth\u3068\u304b\u5165\u308c\u3066\u305d\u308c\u3067styled-components\u3067\u8a08\u7b97\u3055\u305b\u305f\u3002 Safari \u3067 vw, vh \u306a\u3069\u3092 calc() \u3068\u4e00\u7dd2\u306b\u4f7f\u3046\u3068\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3058\u3083\u306a\u304f\u306a\u308b\u30d0\u30b0\u307e\u3060\u76f4\u3063\u3066\u306a\u3044\u3067\u3059\u306d\u2026\u5bfe\u7b56\u3068\u3057\u3066\u9069\u5f53\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u306b vw, vh \u306a\u3069\u3092\u4f7f\u3046\u3068\u56de\u907f\u3067\u304d\u307e\u3059\u3002(\u4f8b\uff1amargin: 0vw; padding: 0vh; border: 0vmin; background-size: 0vmax; \u306a\u3069) https://t.co/WwxXKDsMZQ\u2014 \ud835\udc0a\ud835\udc22\ud835\udc2d\ud835\udc1e /\u2026","provider_name":"Hatena Blog","image_url":null,"author_name":"XxGodmoonxX","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.motoki-watanabe.net%2Fentry%2F2021%2F11%2F18%2F030200\" title=\"iOS Safari \u3067CSS\u306ecalc\u306e\u4e2d\u3067vw,vh\u304c\u4f7f\u3048\u306a\u3044 - \u9752\u3044\u3084\u3064\u306e\u9032\u6357\u65e5\u8a18\u3002\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://tech.motoki-watanabe.net/","provider_url":"https://hatena.blog","url":"https://tech.motoki-watanabe.net/entry/2021/11/18/030200","author_url":"https://blog.hatena.ne.jp/XxGodmoonxX/","type":"rich","title":"iOS Safari \u3067CSS\u306ecalc\u306e\u4e2d\u3067vw,vh\u304c\u4f7f\u3048\u306a\u3044","version":"1.0","categories":["iOS","Safari","calc","CSS","vw","vh"],"height":"190"}