{"id":924,"date":"2021-06-05T16:45:40","date_gmt":"2021-06-05T07:45:40","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=924"},"modified":"2022-05-07T15:11:10","modified_gmt":"2022-05-07T06:11:10","slug":"ailwindcss%e3%83%81%e3%83%bc%e3%83%88%e3%82%b7%e3%83%bc%e3%83%88%e8%a7%a3%e8%aa%acsizing","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=924","title":{"rendered":"Tailwindcss\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8\u89e3\u8aac(Sizing)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Width<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Auto<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Screen Width<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Fixed Width<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Fluid Width<\/h3>\n\n\n\n<p>w-full\u3068\u3059\u308b\u3053\u3068\u3067\u753b\u50cf\u3092\u6a2a\u5e45\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;div class=&quot;w-full h-auto&quot;&gt;\n    &lt;img src=&quot;\/images\/ogp.png&quot; alt=&quot;...&quot; width=&quot;200&quot; height=&quot;105&quot;&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Responsive<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">Min-Width<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Max-Width<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Height<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Auto<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">h-full<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">h-screen<\/h3>\n\n\n\n<p>\u8981\u7d20\u304c\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u9ad8\u3055\u5168\u4f53\u306b\u5e83\u304c\u308b\u3088\u3046\u306b\u306a\u308b<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fluid Width<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">Min-Height<\/h2>\n\n\n\n<p>\u6700\u521d\u306e\u30b5\u30a4\u30ba\u3092\u7121\u8996\u3057\u3066\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30d5\u30ec\u30c3\u30af\u30b9\u30a2\u30a4\u30c6\u30e0\u3092\u62e1\u5927\u53ca\u3073\u7e2e\u5c0f\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;div class=&quot;h-48&quot;&gt;\n    &lt;div class=&quot;h-24 min-h-full sm:min-h-0&quot;&gt;\n        Target\n    &lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"300\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2022\/05\/h-.png\" alt=\"\" class=\"wp-image-1839\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Max-Height<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Width Auto Screen Width Fixed Width Fluid Width w-full\u3068\u3059\u308b\u3053\u3068\u3067\u753b\u50cf\u3092\u6a2a\u5e45\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 Responsive Min-Width Max-Wid<\/p>\n","protected":false},"author":1,"featured_media":925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tailwindcss"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=924"}],"version-history":[{"count":3,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/924\/revisions"}],"predecessor-version":[{"id":1840,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/924\/revisions\/1840"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/media\/925"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}