当前位置: 首页 > 面试题库 >

如何为可正确处理旋转的iPhone设置视口元?

白星渊
2023-03-14
问题内容

所以我一直在使用:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

使我的HTML内容可以在iPhone上很好地显示。在用户将设备旋转到横向模式之前,它一直很好用,在该模式下,显示始终限制为320px。

是否有一种简单的方法来指定根据用户更改设备方向而更改的视口?还是我必须借助Javascript来解决这个问题?


问题答案:

我只是想自己解决这个问题,而我想到的解决方案是:

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

无论它的方向如何,这似乎都将设备锁定为1.0比例。副作用是,它确实会完全禁用用户缩放(捏缩放等)。



 类似资料:
  • 我有两个图像,一个是竖屏,另一个是横向模式。当移动设备视图旋转时,切换这些图像的最佳方式是什么? 目前我只显示肖像图像。当设备旋转到横向模式时,纵向图像只需拉伸即可。 我是否应该在方向旋转处理程序中进行检查,并简单地将图像重置为正确的方向图像(即根据方向手动设置)?? 谢谢

  • 问题内容: 让我们开始考虑两种类型的相机旋转: 摄像机绕点旋转(轨道): 相机旋转目标(FPS) 然后是一个更新函数,其中从眼睛/目标/上摄像机矢量中计算出投影/视图矩阵: 当摄像机的视图方向与上轴平行(在此处为z-up)时,出现这些旋转功能的问题…在那时,摄像机的行为确实令人讨厌,因此我将遇到以下故障: 所以我的问题是,我该如何调整以上代码,使相机完整旋转,而最终结果在某些边缘点上看起来并不奇怪

  • 本文向大家介绍php中照片旋转 (orientation) 问题的正确处理,包括了php中照片旋转 (orientation) 问题的正确处理的使用技巧和注意事项,需要的朋友参考一下 前言 iPhone和一些数码相机在拍照的时候往往会在图片里面加入很多的照片信息(exif),比如拍照时间、光圈大小、曝光时间、GSP地理信息以及拍摄时相机倾斜状态等等,这些信息往往会提供给某些系统来对图片进行正确的显

  • 问题内容: 遵循OnlyOffice帮助中心的说明,将创建由浏览器声明为无效的安全证书,因为它是自签名的。 目的是在适用于NextCloud的Docker上使用OnlyOffice的服务器,该服务器已在另一台服务器上正常运行。 当前,已在说明建议的目录中创建证书: 我已经按照所有给定的步骤进行操作,但是它不起作用。 有没有办法使用LetsEncrypt代替自签名证书? 我不是IT管理人员,我是一个

  • 我有这个活动,它包含一个片段。这个片段布局由一个包含多个片段(实际上是两个)的视图寻呼机组成。 当创建视图分页器时,它的适配器被创建,被调用,我的子片段被创建。太棒了。 现在,当我旋转屏幕时,框架处理片段的重新创建,适配器从主片段在我的中再次创建,但是从未被调用,因此我的适配器持有错误的引用(实际上为空),而不是两个片段。 我发现片段管理器(即子片段管理器)包含一个名为的片段数组,这当然是代码无法

  • 编辑配置文件片段中有一个旋转器视图。 我想在旋转器中设置国籍的用户数据(从包中检索的值)。 我的尝试是: //国家数据