Rumah > hujung hadapan web > tutorial js > 三种检测iPhone/iPad设备方向的方法_javascript技巧

三种检测iPhone/iPad设备方向的方法_javascript技巧

WBOY
Lepaskan: 2016-05-16 16:51:38
asal
1345 orang telah melayarinya

使用meta tag "viewport"

viewport标签包含如下属性:

三种检测iPhone/iPad设备方向的方法_javascript技巧 

为了能自动探测并适配到屏幕宽度,应该使用device-with而不是设定一个固定值,另外为了避免用户缩放导致界面超出屏幕,需要设置maximum-scale,

复制代码 代码如下:



使用javascript脚本

下面的脚本通过检测屏幕宽度来检测方向并调整方向:
复制代码 代码如下:



上述脚本可放在head部分

使用CSS

使用CSS的media query:
复制代码 代码如下:



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan