2025年3月4日 / 最終更新日時 : 2025年10月20日 masaakiota HTML/CSS 【CSS】overflowXとstickyを併用する こんにちは、フリーランスエンジニアの太田雅昭です。 Stickyの挙動 Stickyは一番近いScroll Containerを基準にして機能します。通常はViewportがそれにあたります。しかし親のどこかでoverf […]
2024年12月19日 / 最終更新日時 : 2024年12月20日 masaakiota HTML/CSS 【HTML】Safariはvideoをキャッシュしない こんにちは、フリーランスエンジニアの太田雅昭です。 ブラウザのキャッシュ 通常、ブラウザは一度表示したコンテンツをキャッシュし、次回表示時に再利用します。 その動作をコントロールするために、以下のようなヘッダーが使用され […]
2024年10月28日 / 最終更新日時 : 2024年10月28日 masaakiota HTML/CSS 【HTML】表示サイズより大きめの画像を使うのがいいらしい こんにちは、フリーランスエンジニアの太田雅昭です。 表示サイズと実際の画像サイズ 表示サイズは、imgタグで設定します。直接指定する場合やstyleでする場合があります。しかしこれで、表示サイズと実際の画像サイズを合わせ […]
2023年11月16日 / 最終更新日時 : 2025年10月20日 masaakiota HTML/CSS 【CSS】スマホ実機でTable横スクロールが効かない時 こんにちは、フリーランスエンジニアの太田雅昭です。 実機でスクロールが効かない Tableの横が長い場合、それをwrapperで囲ってスクロール可能にしていました。 これでPCではちゃんと横スクロールできていたのですが、 […]