0
내 앱은 다른 휴대 기기를 다르게 처리하는 iPad에서 세로 모드로 사용하기위한 것이 아닙니다. 앱을 사용하려면 사용자가 기기를 가로로 회전해야한다는 메시지를 표시해야합니다.웹 앱 방문자가 iPad에서 가로 모드를 사용하도록합니다.
내 앱은 다른 휴대 기기를 다르게 처리하는 iPad에서 세로 모드로 사용하기위한 것이 아닙니다. 앱을 사용하려면 사용자가 기기를 가로로 회전해야한다는 메시지를 표시해야합니다.웹 앱 방문자가 iPad에서 가로 모드를 사용하도록합니다.
컨트롤러/
isPortrait: false,
handlePortrait: function() {
const mql = window.matchMedia("(orientation: portrait)");
if (!isMobile.apple.tablet) {
return;
}
if (mql.matches) {
this.set('isPortrait', true);
} else {
this.set('isPortrait', false);
}
mql.addListener((m) => {
if (m.matches) {
this.set('isPortrait', true);
}
else {
this.set('isPortrait', false);
}
});
}.on('init'),
application.hbs를 application.js
{{#if isPortrait}}
<div class="text-center">
<i class="fa fa-refresh fa-5x text-muted" aria-hidden="true"></i>
</div>
<h2 class="text-center">Please rotate your device</h2>
<h4 class="text-center text-muted">This app needs more horizontal space than is available in portrait orientation</h4>
{{else}}
<!-- your normal template code here -->
{{/if}}