← お知らせ一覧

NEWS

お知らせ

アップデート

ヒーローセクションの表示サイズずれを修正しました

スタジオのプレビューと公開ページでヒーロー(メインビジュアル)の高さが異なって見える問題を修正しました。プレビュー・公開・HTML エクスポートで同じルールを適用します。

DesignLayer スタジオ画面。ポートフォリオサイトのヒーローセクションとメインビジュアルがプレビューに表示されている
DesignLayer スタジオ画面。ポートフォリオサイトのヒーローセクションとメインビジュアルがプレビューに表示されている

修正内容

スタジオのプレビュー(iframe)と公開 URL・ダウンロード HTML で、ヒーローセクションやメインビジュアルの高さがずれて見えることがありました。プレビュー専用の viewport 補正が原因で、実環境より縦に伸びたり縮んだりしていました。

プレビュー・HTML 生成・公開・配信のすべてで共通のビューポートルールを適用するよう変更しました。`100vh` だけで高さが決まらないよう上限を設け、ヒーローはコンテンツの実寸で高さが決まるようにしています。

影響範囲

・スタジオのプレビュー表示

・公開 URL(/p/...)での表示

・HTML エクスポートのファイル

・新規生成時の HTML 正規化

ご利用時の注意

既に公開済みのページは、再公開しなくても配信時に補正が入ります。スタジオで開き直すと、保存済みデザインにも正規化が反映されます。

スタジオのアートボード幅は 1280px 固定のため、ブラウザ幅がそれより広い実環境ではメインビジュアルの横幅が広く見える場合があります。これはレスポンシブの通常の挙動です。

お知らせ一覧