使用meta标签视口
视口标记包含以下
属性:
为了自动
检测和匹配
屏幕宽度,我们应该使用设备而不是
设置一个固定的值。此外,为了避免
用户缩放,
界面不在屏幕上,我们需要设置最大规模。
复制代码代码如下所示:
使用javascript
脚本 下面的脚本通过检测屏幕的宽度和方向来检测方向的方向。
复制代码代码如下所示:
无功updatelayout =
函数(){()
如果(window.innerwidth!= currentwidth){
currentwidth = window.innerwidth;
var =东方(currentwidth = = 320)形:景观;
document.body.setattribute(东方
(0, 1)window.scrollto;
}
};
IPhone.DomLoad(updatelayout);
setInterval(updatelayout,400);
上面的脚本可以放在头部。
使用CSS
使用CSS的媒体
查询:
复制代码代码如下所示: