输入框输入文字时在苹果手机上文字显示不全

本文转载自查看原文 2019-04-02 09:49 1362 项目中遇到的坑

最近在做一个APP项目时，遇到有两个Input输入框和一个textaire框，在苹果手机上输入时只显示第一个字，后的显示不出来，要等到光标出了输入框才能显示全部的文字

真是坑呀，安卓上都是正常的，找了很久都没找到原因，不过最后还是被我解决了，但是我还是不知道原因，下面说下方法

就是在输入框上加上这两个样式

line-height: normal;
transform: translateZ(0);

如果有大神知道原因，还请指点

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 动态显示输入框placeholder文字用JS来实现输入框提示文字点击时消失输入框的提示文字的样式设置

输入框提示文字
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/69cac91.html" title="Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug">
			           
			           <i class="icon-file"></i>
			           Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/ad8fa21.html" title="小程序输入框文字上移 小程序输入框文字弹出">
			           
			           <i class="icon-file"></i>
			           小程序输入框文字上移 小程序输入框文字弹出
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/8c6c341.html" title="指令：当文字显示不全时显示tooltip提示框">
			           
			           <i class="icon-file"></i>
			           指令：当文字显示不全时显示tooltip提示框
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/7101541.html" title="苹果手机点击输入框input 页面放大 超出屏幕问题">
			           
			           <i class="icon-file"></i>
			           苹果手机点击输入框input 页面放大 超出屏幕问题
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/93c3671.html" title="苹果手机弹起输入框将页面上的元素上移">
			           
			           <i class="icon-file"></i>
			           苹果手机弹起输入框将页面上的元素上移
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/df7fa41.html" title="解决苹果手机点击input输入框自动放大问题">
			           
			           <i class="icon-file"></i>
			           解决苹果手机点击input输入框自动放大问题
			           </a>
			       			       
			   
			   
			   <div id="right_float_ad" class="ad">
				</div>
			</div>
			</div>
		</div>
	</div>
    <div class="clear"> </div>

<div class="fbar" style="z-index:100">
	<div class="span7" style="color:grey;font-size:12px;">
	</div>
	<div class="pull-right">
		<span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2025 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20250508"></script>
<script>
   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	}

(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})();

</script>

</body>
</html>