登录  /  注册
首页 > web前端 > js教程 > 正文
三种检测iPhone/iPad设备方向的方法_javascript技巧
php中文网
发布： 2016-05-16 16:51:38
原创
878人浏览过
使用meta tag "viewport"

viewport标签包含如下属性：



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



使用javascript脚本

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



上述脚本可放在head部分

使用CSS

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



相关标签：
iPhone iPad 设备方向
来源：php中文网
上一篇：js隐式全局变量造成的bug示例代码_javascript技巧 下一篇：JS使用getComputedStyle()方法获取CSS属性值_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Composer和php artisan返回"SQLSTATE[42S02]: Base table or view not found"给每个命令。 我从git仓库下载了我的品牌项目，并像往常一样进行初始化，但这次在相同的条件下出现了一个以前从未发生过的错误： composer install 在 Connectio...
P粉604848588来自于2023-07-31 20:27:18
0 1 200
使用 Visual Studio Code 运行一个 php 文件。 我无法运行我的 php 文件，有人可以帮我吗？它是使用 Visual Studio Code 创建的，扩展名是 PHP intelephants。我创建了代码并在 Google C...
P粉709307865来自于2023-07-31 20:03:29
0 1 179
如何检查日期是否在将来，对于分开的日期和时间列？ 我有两个分开的列用于存储日期：一个是以YYYY-mm-dd格式存储日期本身的列，另一个是以time(7)数据类型存储时间的列，例如11:15:10.0000000。我该如何检查那些...
P粉021854777来自于2023-07-31 19:18:47
0 1 131
如何在Laravel中覆盖一个包的作业 问题摘要：我们无法覆盖已安装包的作业类，因为自定义作业和包的作业具有相同的命名空间。假设有一个包含一些作业类的包，该包具有App\Jobs命名空间。该包安装在A服务和B服务中。现在...
P粉362071992来自于2023-07-31 18:47:54
0 1 238
Laravel: 错误 [PDOException]: 在 PostgreSQL 中找不到驱动程序 Translate: "I'm trying to connect with PostgreSQL database through Laravel in order t...
P粉722409996来自于2023-07-31 18:16:43
0 2 225
使用PHP短标签是否可接受？ 根据官方文档的信息，PHP中有四对不同的开闭标签可以使用。其中两对（<?php ?>和<?= ?>）始终可用。另外两对是短标签（<? ?>）和A...
P粉882357979来自于2023-07-31 17:44:33
0 2 186
请有人告诉我我的代码中有什么错误，以及需要在哪里进行更改 我正在尝试通过SQL查询将数据从数据库中提取到WordPress插件中。然而，即使没有显示任何错误，循环也不起作用。我在互联网上尝试了很多方法，但它们都没有起作用。以下是我的代码：...
P粉147045274来自于2023-07-31 17:05:37
0 1 145
如何在 Laravel 中防止子文件夹中的重复文件 我创建了一个添加视图，可以同时上传多个文件。当文件被上传时，文件路径会显示为类似于 'Drawings/PartNumber/Type/filename.extension' 的格...
P粉770375450来自于2023-07-31 16:12:39
0 1 190
PHP DateTime比较结束日期的翻译是： Iamhavingaproblemtomakemybuttondisabledbycomparingthetoday'sdatetimewithenddateondatabase....
P粉920835423来自于2023-07-31 15:48:47
0 1 220
使用laravel-translatable获取特定语言的Laravel文章。 我正在使用laravel-translatable库开发一个多语言的网站系统。在这个Web应用程序中，没有前端，数据是通过API进行读写。我面临的问题是无法获取数据库中存储的所有记...
P粉598140294来自于2023-07-31 15:35:41
0 1 213
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 立即咨询

  • 微信沟通

  • QQ群

  • 优惠券

  • 返回顶部