{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreibccv3d44kd7chmw3mowfvkedllaxe6b6yt733z6ovysecfmsnpse",
    "uri": "at://did:plc:3edw5qvtvdf24qxyhhwuqju2/app.bsky.feed.post/3mogvbsj62hv2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreihfygvwpc4oa6j4jno3icflvi3bjmbcisg7mkpb37gbamoltmu52u"
    },
    "mimeType": "image/png",
    "size": 120073
  },
  "path": "/articles/build-websites/operation/css/css-clamp-generator.html",
  "publishedAt": "2026-06-16T00:36:21.000Z",
  "site": "https://coliss.com",
  "tags": [
    "サイト構築 -CSS",
    "clamp()"
  ],
  "textContent": "レスポンシブ対応の最近の実装方法は、メディアクエリとclamp()の使い分けが明確になってきました。メディアクエリは構造的なレイアウトを変更するとき、そしてclamp()はビューポートに対して比例的に変更するとき、といっ […]",
  "title": "レスポンシブの対応はメディアクエリとclamp()の使い分けが大事！ あらゆるプロパティに対応したclamp()の値を生成できる便利ツール -CSS Clamp Generator"
}