移动端设置input或者textarea宽度100%时不超出屏幕

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端设置input或者textarea宽度100%时不超出屏幕相关的知识,希望对你有一定的参考价值。

父元素overflow:auto;

input{

  box-sizing: border-box;

  width: 100%;

}

 

设置input或者textarea宽度100%时有padding值也不会超出出屏幕

以上是关于移动端设置input或者textarea宽度100%时不超出屏幕的主要内容,如果未能解决你的问题,请参考以下文章

去掉移动端页面 input, textarea, button, a 标签获取焦点时显示的黑影

input或textarea中关于光标移动问题

转 移动端-webkit-user-select:none导致input/textarea输入框无法输入

08-移动端开发教程-移动端适配方案

移动端输入框被手机键盘挡住

wap学习记录