Zero Block で自動スケーリングZero Block オートスケール）を設定するにはどうすればよいですか？

「オートスケール」を使用すると、グリッドコンテナ内のすべての要素を、画面またはブラウザウィンドウの幅に応じて比例的に拡大・縮小することができます。

幅を1200pxに固定する代わりに、グリッドコンテナは画面の全幅に広がるようになっています。その中のすべての要素は、利用可能なスペースを埋めるように比例して拡大・縮小されます。

自動スケーリングを有効にするには、アートボードの設定を開き、「グリッドコンテナのスケーリング」を見つけて、「ウィンドウの幅に合わせて自動スケーリング」を選択し、変更を保存します。

この設定により、高解像度の画面で余分な空白をなくし、さまざまな画面サイズに合わせてデザインを最適化することができます。

オートスケールは、すべての画面解像度に対して有効にすることも、モバイルデバイスなど特定の範囲に対してのみ有効にすることもできます。これを行うには、必要なブレークポイントでのみ設定を適用してください。

デスクトップでは、コンテナの幅は1200pxから1920px、4K、または6Kまで調整可能です。モバイル端末では、320pxから調整可能です。