iPhone 10のブレークポイントにより、横向きのモバイル端末がデスクトップ表示になる問題

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• iPhone 10でLiferay DXP 7.0を表示する際、画面を横向きに回転させるとポータルがデスクトップモードで表示されてしまう。

環境

• Liferay DXP 7.0
• iPhone 10

解像度

• これが意図した動作です。
• Liferayのエンジニアは、モバイルとデスクトップのインターフェースを表示する間のブレークポイントを設定し、BootstrapとLexicon Designは、画面が767ピクセル未満のときにモバイルインターフェースを起動するようにしました。
• ただし、Liferay DXP 7.0では、 _aui_variable.scss ファイルのこの行を編集することで、開発者はこのブレークポイントをカスタマイズできます： $screen-sm-min: 813px;.
• また、ウィジェットが提供するCSSにも適用されるように、開発者は https://github.com/liferay/liferay-portal/blob/7.0.x/modules/apps/foundation/frontend-css/frontend-css-common/src/main/resources/META-INF/resources/liferay/_variables.scss#L10 を更新する必要があります。

追加情報

• https://github.com/liferay/clay/issues/1837をご参照ください。
• Liferayサポートが提供できるカスタマイズの支援には限りがあることに注意してください、しかし、この出発点が役に立つことを願っています。