私のページは横向きモードでは問題なく動作しますが、縦向きモードでは少しズームアウトして画面に合わせる必要があります。ポートレートモードで回転したときにページを縮小または縮小するJavaScriptを書きたい
if(navigator.platform == 'iPad') {
window.onorientationchange = function () {
var orientation = window.orientation;
// Look at the value of window.orientation:
if (orientation === 0) {
alert("iPad is in Portrait mode.");
// my code goes here
var viewportmeta = document.querySelector('meta[name="viewport"]');
viewportmeta.content = 'width = 1003,initial-scale = 0.5, maximum-scale = 2.0, minimum-scale=0.7';
}
else if (orientation === 90) {
// iPad is in Landscape mode. The screen is turned to the left.
}
else if (orientation === -90) {
// iPad is in Landscape mode. The screen is turned to the right.
}
}
}
それはうまく見えますscale = 0.5;