关于多行文本 textarea 在ios 真机上padding相对安卓较大问题

问题:

多行文本组件是带有默认的padding的,然而,小程序的teatarea 在ios和安卓上显示的padding不一样,普遍ios的padding会比安卓的要明显的大。这种情况下我的想法是做兼容,也就是分别处理。

在小程序官方文档中是有方法得知当前使用小程序的机型的,即 wx.getSystemInfoSync()  ,官方文档链接是:https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfosync

思路是,先得到当前的机型内容,然后通过设置值来显示页面上的属性,具体代码如下:

 1  <textarea placeholder="输入信息" style="padding:{{detail ? ‘10rpx;‘:‘20rpx;‘}}" />
 2 //根据detail的值分别显示不同的属性值
 3
 4
 5 Page({
 6   data: {
 7    detail:false  //默认显示安卓的
 8    },
 9     onLoad: function (e) {
10        var phone=wx.getSystemInfoSync();  //调用方法获取机型
11        var detail;
12     if (phone.platform==‘ios‘){
13      detail=true;
14     } else if (phone.platform == ‘android‘){
15       detail = false;
16     }
17   }
18 })        

能得到的机型内容具体如下,devtools显示在模拟器,在真机上分别是ios和android:

总结:以上内容供学习总结分享,有什么不对的地方或可优化的地方,欢迎各位多多指教。

时间: 2024-10-03 14:55:52

关于多行文本 textarea 在ios 真机上padding相对安卓较大问题的相关文章

iOS 真机上图标不显示

今天在调试时发现模拟器上图标显示了.但真机上测试时发现图标不显示. 解决办法 57*57  的图标然后命名为: Icon.png 这样显示就正常了. 参考资料:http://www.cnblogs.com/niit-soft-518/p/4078476.html

bullet, iOS真机编译错误error: identifier or immediate expression expected解决方法

刚才发现c3dEngine2(http://git.oschina.net/wantnon2/c3dEngine2 或 https://github.com/wantnon2/c3dEngine2)的bulletTest1 demo在iOS真机上编译不过,报error: identifier or immediate expression expected的编译错误. google了一下,找到下面帖子:http://www.bulletphysics.org/Bullet/phpBB3/view

我在使用Unity 发布IOS真机过程时遇到的关于JIT的问题列表

Unity 跨平台发布的优势是显而易见的.但还是会有一些坑.尤其是在IOS真机上.关于JIT的问题还是比较棘手的. 而且是在unity中和模拟器中都是好的,一运行在真机上就出问题. 当运行中遇到 ExecutionEngineException: Attempting to JIT compile method '...' while running with --aot-only. 的错误时.说明有有代码使用了JIT.但在iOS平台中,Mono是以Full AOT模式运行的 无法使用JIT引擎

禁止多行文本框textarea拖拽

禁止多行文本框textarea拖拽: textarea { resize: none; } resize这个是用于元素缩放,它可以取以下几个值: none 默认值 both 允许水平方向及垂直方向缩放 horizontal 只允许水平方向缩放 vertical 只允许垂直方向缩放

【CSS】隐藏多行文本框Textarea在IE中的垂直滚动条

在<[CSS]禁止Google浏览器允许定义调整多行文本框>(点击打开链接)中已经提及过如何使多行文本框Textarea在一些DOM2的浏览器中固定下来. 这不,多行文本框Textarea在IE中也存在一些样式上的缺陷了. 一个普通的,没有加任何定义的文本框,如下: <textarea cols="30" rows="3"></textarea> 其在IE的效果就如同左侧一样,在没有输入任何文字,就出现垂直滚动条很不雅观,尤其是在

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"></textarea> 下拉菜单:seclet option <select name="home" ><!--下拉列表--> <option value="北 京">北 京</option> <o

【CSS】禁止Google浏览器允许定义调整多行文本框

众所周知,多行文本框Textarea是不可以自己随便调整的,如下图,如果要调整,则要写很多的脚本: 这个也好,因为很多情况下,我们不需要开放给用户调整文本框,往往只是需要设置col与row属性,固定其大小就可以的. 可是,谷歌浏览器,对于,一个普通的: <textarea></textarea> 却是可以如下图,轻易调整的: 这样会拖乱我们页面布局的,有时候调试不知道怎么回事,还以为样式没有写好, 你可以认为这是谷歌浏览器的错,谁叫用户自己没事在乱动这个多行文本框呢? 但是,我们可

iOS真机系列之真机调试

iOS真机系列之真机调试 前提 要想真机调试,就必须成为苹果的开发者点击进入苹果开发者中心 开发者账号分类 编号 性质 价格 其他 1 个人 99$ 申请简单,付钱就行,688人民币 2 企业(公司) 99$ 申请复杂,需要"邓白氏"认证,可以确认企业是合法有效的,可以管理团队开发 3 商业 299$ 需要邓白氏认证,开发的应用,不能够上架(不经过苹果的审核)!专门给企业级用户定制应用程序使用! 如果个人要申请,需要一张VISA(美金)信用卡,MASTER(欧元)! 名词解释 Cert

appium在真机上运行IOS实例要注意的几点:包括python和java运行log 和部分关键代码

最近在研究appium对于IOS的自动化测试,发现在真机上运行appium提供的开源的例子遇到了几个block,询问了一个这个方便面的高手并且总结网上搜到的帖子,现在综合一下. appium 在模拟器中跑,只需要注意app=path appium真机上运行:1:运行的时候要将APP安装到真机上面 2:运行的时候,不能再开instrument 3:命令行里面启动的时候,参数写错了应该是 appium -U 3d2cad7288a64a5445aa98a2cc220132f2cddd1c --app