苹果手机的键盘尺寸

最新推荐文章于 2022-02-18 13:48:58 发布
原创 最新推荐文章于 2022-02-18 13:48:58 发布 · 3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细记录了在不同型号的苹果手机上，键盘弹出时的尺寸及位置，帮助开发者解决输入框被键盘遮挡的问题。适用于iPhoneX、iPhone8Plus、iPhone8和iPhoneSE等设备。

最近做一个苹果手机界面，遇到输入框被弹出键盘挡住的问题，安卓手机不会出现这种情况，于是就总结了一下苹果手机的屏幕尺寸和弹出键盘的大小。

 

iPhoneX屏幕大小：5.8寸

屏幕尺寸：375 x 812

键盘尺寸：375 x 333

 

iPhone8Plus屏幕大小：5.5寸

屏幕尺寸：414 x 736

键盘尺寸：414 x 271

 

iPhone8屏幕大小：4.7寸

屏幕尺寸：375 x 667

键盘尺寸：375 x 258

 

iPhoneSE屏幕大小：4.0寸

屏幕尺寸：320 x 568

键盘尺寸：320 x 253
 

追根溯源
关注
移动端自定义键盘
08-23
2. **CSS样式适配**：由于目标是移动端，所以需要考虑不同屏幕尺寸、分辨率以及横竖屏的适配。使用媒体查询（media queries）和响应式设计，可以确保键盘在各种设备上都能正常显示和使用。此外，还需考虑字体大小、...
jQuery+CSS3仿苹果手机iPhone锁屏解锁代码.zip
09-22
《jQuery+CSS3实现苹果手机iPhone锁屏解锁代码解析》 在现代网页设计中，交互性和用户体验至关重要。jQuery作为一个强大的JavaScript库，简化了DOM操作，动画效果和事件处理，为开发者提供了丰富的工具。配合CSS3的...
苹果手机屏幕尺寸和弹出键盘高度总结
王大卓的专栏
04-05 1万+
最近做一个苹果手机界面，遇到输入框被弹出键盘挡住的问题，安卓手机不会出现这种情况，于是就总结了一下苹果手机的屏幕尺寸和弹出键盘的大小。iPhoneX屏幕大小：5.8寸屏幕尺寸：375 x 812键盘尺寸：375 x 333iPhone8Plus屏幕大小：5.5寸屏幕尺寸：414 x 736键盘尺寸：414 x 271iPhone8屏幕大小：4.7寸屏幕尺寸：375 x 667键盘尺寸：375 x ...
获取iphone键盘的高度
majiakun1的专栏
07-03 810
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasShown:) name:UIKeyboardDidShowNotification object:nil];           [[NSNotificationCenter defaultCenter] addObserv
ios 键盘高度
夜色的黑的专栏
04-17 1100
需要手动调用 registerForKeyboardNotifications 方法，其他两个会自动调用，弹出的键盘高 216(输入英文时候)，ios 5 系统的 @implementation ViewController - (void)viewDidLoad {     [super viewDidLoad];     [self registerForKeyboa
ios5 中文键盘高度变高覆盖现有ui问题的解决方案（获取键盘高度的方法）
weixin_33738555的博客
10-15 156
背景： 　　ios5之前，iphone上的键盘的高度是固定为216.0px高的，中文汉字的选择框是悬浮的，所以不少应用都将此高度来标注键盘的高度（包括米聊也是这么做的）。 　　可是在ios5中，键盘布局变了，尤其是中文输入时，中文汉字选择框就固定在键盘上方，这样就使得原本与键盘紧密贴合的界面视图被中文汉字选择框给覆盖住了。一方面影响了界面的美观，另一方面，如果被覆盖的部分就是文本输入框的话，用...
iOS开发所有iPhone型号中所有键盘类型的高度
moses的博客
05-19 1万+
iOS开发所有iPhone型号中所有键盘类型的高度
前端Vue2　web项目在pad触摸板上 如何实现点击输入框的时候调用中英文软键盘 如苹果手机键盘效果
最新发布
09-03
在前端Vue2 web项目里，要在pad触摸板上点击输入框时调用中英文软键盘并达到苹果手机键盘效果，可按以下步骤操作： ### 1. 设置输入框属性 在Vue组件的模板里，给输入框添加`type`属性，像`text`或者`email`之类的...
vue开发移动端页面 苹果手机唤起键盘 展示区域没有动态改变怎么办
10-30
在Vue.js中开发移动端页面时，确保苹果手机键盘能自动弹出并在内容输入区显示，通常需要处理`<input>`元素的聚焦事件。如果展示区域大小不变导致键盘遮挡了输入框，可以考虑以下几个步骤： 1. **设置焦点管理**： ...
移动端JS仿苹果手机计算器插件实现
### js仿苹果手机计算器代码知识点 #### 前端技术基础 仿苹果手机计算器是一个典型的前端开发项目，主要涉及的技术包括HTML、CSS和JavaScript。HTML用于构建用户界面的结构，CSS负责页面的样式设计，而JavaScript...
常见键盘高度统计
yeputi_WK的博客
02-28 4023
统计总结： 1.在不同分辨率、不同厂商、不同机型，键盘的高度均存在差异，所以并无决绝对标准。 2.但总体上看，第三方输入法在两个平台中英文大多都一致高度，在苹果上系统自带键盘中英文不一致。 3.安卓较新手机带有虚拟按键，但都是厂商自定义，无标准可言。 -----------安卓--------------- 360手机（1080P） 键盘高825 虚拟按键144 总高969 ...
【常用的产品设计规范】
weixin_38677456的博客
02-18 2043
文章目录一、尺寸规范Iphone设计规范Android设计规范IPad设计规范网页设计规范 一、尺寸规范 Iphone设计规范 原型尺寸：375*812 Android设计规范 IPad设计规范 原型尺寸：768*1024 网页设计规范 原型尺寸：1440*1024 ...
iPhone X适配
了凡
03-28 615
iPhone X适配 iPhone X的不同之处 1.屏幕尺寸是375 x 812点，比率是9:19.5，而不是9:16。宽度同iPhone 6、iPhone 6s、iPhone 7 和 iPhone 8 的 4.7 英寸屏幕宽度相同，为375pt，高度比他们增加了145pt 2.分辨率为3x：1125 x 2436像素 3.要考虑屏幕圆角、上方传感器区域、下方返回主页指示器 如下的...
第5课 微信小程序常用尺寸单位rpx说明：
舜岳的博客
05-06 2772
第5课 微信小程序尺寸单位rpx说明： rpx单位： width: 750rpx; //定义所有手机屏幕宽度都为750rpx px单位： height: 750px; //px单位最好只用于高度，如果定义宽度 手机屏幕不同显示效果也会不同 vw单位： width: 100vw; //定义所有屏幕宽度都为100vw vh单位： height: 100vh; //定义所有屏幕高度...
iPhone屏幕尺寸、分辨率及适配
热门推荐
曾梦想仗剑走天涯
12-26 48万+
从初代iPhone3GS到现如今的iPhone6(+)，屏幕尺寸、分辨率、像素密度都在在不断增大。如何适配不同的屏幕尺寸，使UI更加协调美观，这给iPhone/iOS应用开发者带来了挑战。 本文结合个人在iOS UI开发和适配方面的粗浅经验，对常用屏幕适配相关因素做个梳理盘点，以备日后查阅。
iPhone各种机型尺寸、屏幕分辨率
jeikerxiao
10-09 8万+
px与pt区别字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念： px就是表示pixel，像素，是屏幕上显示数据的最基本的点； pt就是point，是印刷行业常用单位，等于1/72英寸。 px全称为pixel，是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率
iOS 键盘高度及获取键盘高度的方法
baihailing的博客
05-09 1万+
一、获取键盘高度的方法： - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. //增加监听，当键盘出现或改变时接收消息 //加一个textField，以便可以弹出键盘 UITextField* textFiel...
iPhone X 适配
HumorousGhost
09-19 1万+
iPhone X(10)屏幕分辨率与适配，iOS开发适配与UI设计问题。iPhone人机交互指南。 北京时间的9月13日凌晨，美国当地时间的9月12日上午，苹果在发布会上发布了四款产品，本包括全新的Apple Watch Series 3，Apple TV 4K，iPhone 8/8 Plus，和全新iPhone X四款全新产品。其中X是数字10的意思，因此苹果将其读音读作“iPhone Ten
iPhone X适配 最简单粗暴的
于先森的博客
11-08 8509
如果不了解iPhone X屏幕和普通的区别，去看这个链接，懒得扒图 https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/由题意得： ∵ 4.7” 375*667 X 375*812 ∴ X 是加长版的4.7寸系列的机子∵ X的状态栏由20变为44 X的底部因为Home
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值