cari

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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 16:51:381361semak imbas

使用meta tag "viewport"

viewport标签包含如下属性：

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

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

复制代码 代码如下:



使用javascript脚本

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



上述脚本可放在head部分

使用CSS

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



Kenyataan：
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
Artikel sebelumnya：js隐式全局变量造成的bug示例代码_javascript技巧Artikel seterusnya：JS使用getComputedStyle()方法获取CSS属性值_javascript技巧

Artikel berkaitan

Lihat lagi