怎样处理苹果手机小程序页面突然变大兼容问题

author author     2023-03-19     236

关键词:

iPhone屏幕适配,启动页设置,xcode6 开启 iPhone6 & iPhone6 plus 分辨率

iphone手机屏幕变大之后,我们iOS开发者也要关注屏幕适配了,有时还会遇见莫名其妙的问题:如:

程序启动后状态栏字体变大:

iPhone屏幕适配 程序启动后状态栏字体变大0

iPhone屏幕适配 程序启动后状态栏字体变大1

这个问题就是因为我们的APP启动界面图片问题,简单的解决办法就是启动页面图片分辨率改成相应屏幕分辨率。具体原因往下看:

我们可以穿件一个XIB文件来当作启动页:当app启动的时候就可以自动加载这个xib文件

iPhone屏幕适配 程序启动后状态栏字体变大2

iPhone屏幕适配 程序启动后状态栏字体变大3

初代 iPhone

2007 年,初代 iPhone 发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度的顺序排列。这个分辨率一直到 iPhone 3GS 也保持不变。

那时编写 iOS 的 App(应用程序),只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是 40 像素,高度是 50 像素,放在(20, 20)像素的位置。

iPhone 4

2010 年,iPhone 4 发布,率先采用 Retina 显示屏,在屏幕的物理尺寸不变的情况下,像素成倍增加,达到 640 x 960 像素。

这样就出现一个问题,怎么让原有的 App 运行在新的手机上面?iPhone 手机一个优势,就是有众多优秀的 App,假如不兼容原有的 App,就相当于放弃这个得来不易的优势,是很不明智的。

每当 iPhone 的屏幕有所变化,比如 iPhone 3GS 过渡到 iPhone 4, iPhone 4 过渡到 iPhone 5, iPhone 5 过渡到 iPhone 6,苹果公司都需要想办法来解决上述的兼容问题。

为了运行之前的 App,引入一个新的概念 point(点)。点这个概念在 iOS 开发中十分重要,而实际用户很少关注。iPhone 4 屏幕尺寸继续保持 320 x 480,不过单位并非是像素,而是点。

在 iPhone 3GS 中,1 个点等于 1 个像素。也就是说,点跟像素可以直接互换。

在 iPhone 4 中,1 个点等于 2 个像素。

这篇文章中,我将点和像素当成一维的长度单位,而非二维的面积单位,这样对于我来说更自然些,因此 1 个点等于 2 个像素。别的文章中可能会说 1 个点等于 4 个像素,其实是指 1 个点占据了 4 个像素的面积,这样也没有说错,注意上下文语境。

iPhone 4 和 iPhone 3GS 的屏幕尺寸实际上是一样的,都是 3.5 英寸。同样一个点,实际尺寸看起来是一样的。只是 iPhone 4 在单位英寸上像素更多,看起来更细腻。

开发 iOS 的时候,使用点作为基本单位会更加方便,列表对比:

45.jpg

这里的屏幕模式可以初步理解成,一个点等于多少个像素。2x,就是 1 个点等于 2 个像素。
参考技术A 在手机设置这里选择通用,接着点击辅助功能,然后在辅助功能这里选择缩放,把缩放开关打开,按照这里的操作说明,使用三个手指同时点击画面,即可放大屏幕。
打开IE浏览器,进入任意页面点击“工具”选项,会跳出一个下拉菜单,选择“兼容性视图设置”选项。进入兼容性视图设置之后,填入你所需要设置兼容模式的网址,点击添加,最后点击关闭即可。重新打开经过设置之后的网页,你会看到地址栏后面有一个像破碎纸片一样的图标,说明兼容模式已经设置成功,在工具的下拉菜单也同样可以看到在兼容模式前面也就打钩,说明网页的兼容模式已经设置成功。
参考技术B 夏天的味道,是小桥流水,潺潺鱼跃起;夏天的味道,是水池塘边,一一风荷举;夏天的味道,是蝉鸣不绝,听绿荫深处

解决“页面中文字增多,字号突然变大”的问题

在之前一篇文章中,曾记录过一个开发中遇到的问题,在页面中文字增加到一定数量,或者文字大小设置为某一个值时,页面中的文字字号会突然变大,超出自己设置的字号大小。如下图所示: 虽然我设置的字号大小是24px... 查看详情

苹果手机进不去微信小程序

...了网络,如果未连接网络,也就不能打开了。参考技术A苹果手机微信小程序不能用是手机下载安装的第三方应用出现问题,无法正常使用,建议按照以下方法操作:    1、关闭重新启动该应用。    2、建议将此软件卸... 查看详情

怎样删除百度中的小程序

方法/步骤解锁手机屏幕后,点击百度的图标。请点击输入图片描述该打开的百度软件主界面点击右下角我的选项卡。请点击输入图片描述在打开的我的页面,点击历史的图标。请点击输入图片描述然后再打开的历史页面,点击... 查看详情

页面中文字增多,字号会突然变大

我也是偶然发现这个问题,本来活动说明只有一条内容,但是后来运营想加到六条,那就加呗,我就直接把增加的文案复制到代码中之前的内容是这样的:活动说明的内容字号设置为24px在我加了几个文案之后,突然变成了这样... 查看详情

苹果手机打开微信小程序是白板,啥原因?

微信小程序在安卓和电脑微信都能正常打开,用苹果手机进行真机调试也正常,但用苹果手机打开体验版或正式版就是白板,在app.js的onLauch中加入的对话框也不弹出很有可能是软件AP和手机系统冲突了!要看是不是支持手机那一个版... 查看详情

h5兼容性问题

兼容性问题:1.要发生在低版本的浏览器上,低版本的手机。2.高级曲面屏手机。兼容性问题解决之道:不要用高级省事代码,老老实实写最普通常规的代码。遇到的兼容性问题记录:1.object.assign():js中用了这个方法,低版本手机... 查看详情

微信小程序h5页面缓存问题处理

参考技术A微信小程序会缓存H5页面,导致页面升级之后不能及时刷新。这种情况通过配置nginx不缓存静态页面无法影响到小程序缓存。假设H5请求地址是https://xxx/h5/用户进入小程序之后生成一个数字,请求H5时把数字拼接到URL后缀... 查看详情

手机屏幕字体滚动手机屏幕字体大小怎么调

参考技术A1、手机屏幕字体滚动:首先打开手机,然后点击打开“微信”,输入账号和密码进行登录。登录之后,点击页面下方的“发现”。接着在发现页面中,找到“小程序”,点击进入。之后在搜索栏中,输入“闪屏弹幕”后,点击进... 查看详情

兼容苹果手机是正版吗

正版的。兼容苹果手机的意思是:手机兼容性是指手机硬件之间、手机软件之间或是软硬件组合系统之间的相互协调工作的程度,对于软件的兼容性。参考技术A不是。苹果手机基本不存在兼容性问题。因为苹果的IOS系统是自主... 查看详情

苹果微信小程序打开后无法进行跳转

...证了实况壁纸相对与普通壁纸更加耗电。首赞+1平台声明苹果手机微信小程序不能用是手机下载安装的第三方应用出现问题,无法正常使用,建议按照以下方法操作:1、关闭重新启动该应用。2、建议将此软件卸载重新安装尝试... 查看详情

小程序中textareaios端样式不兼容(代码片段)

...定的兼容性问题,textarea有默认的内边距,在安卓手机和ios手机显示的时候,ios手机的内边距会比安卓手机的内边距大很多,所以会造成样式不兼容解决的办法:通过wx.getSystemInfoSync()获取手机的机型;然后... 查看详情

点击微信小程序为啥一直“加载中”,无法进入

...程序打不开而显示加载有几种情况:1、网络问题:因为手机网络导致数据不能上传加载,这个时候就显示一直在加载中2、小程序本身问题:小程序本身设计存在问题或者小程序后台网址没有配置好,无法从服务器获得数据,就... 查看详情

ios小程序兼容问题(下拉刷新)

参考技术A小程序下拉刷新步骤:如需所有的页面都实现下拉刷新的话,那需要在全局文件app.json里的window里设置enablePullDownRefresh这个属性(与步骤1设置一样)。完成以上步骤就可实现下拉刷新了~ios端,页面无法下拉刷新(就是根本... 查看详情

字体怎样变大

...…直到敲到你满意为止。试试?问题五:电脑上的字太小怎样变大字桌面右键属性外观菜单字体大小下拉菜单选择最下面的那个应该就是最大字体了可以预览效果问题六:Word写好怎么把字变大啊在Word中,调整字号的方法有:方... 查看详情

苹果手机怎样隐藏支付宝里的余额

...像眼睛一样的,把它点击B上就行了。 参考技术C苹果手机怎样隐藏支付宝里的余额?这个非常好隐藏,你找到你的支付宝里面有一个隐藏余额的选项,点击那个选项就可以了。 参考技术D我手机如果隐藏支付宝里边的余额的话,... 查看详情

Play 商店 - 添加 Camera2 API 插件后,Ionic 应用程序突然不兼容

...我的新版本时,Play商店说它与之前兼容的所有6069设备(手机)不兼容。这 查看详情

苹果手机怎么删除系统

...仅剩的电话,短信,和上面的12个系统自带程序问题四:怎样删除苹果5s手机已下载的系统软件直接 查看详情

苹果手机微信一开小程序就断wifi要怎么破?

...试重启手机WLAN。如果WiFi仍然不稳定的话,试试进一步的处理:1、升级电脑的无线网卡驱动。如果驱动程序过旧,即使开启成功了,信号也可能不好,影响上网体验。2、关闭电脑ARP防火墙。有些安全软件的防火墙把无线进程给... 查看详情