【发布时间】：2017-02-15 19:56:31
【问题描述】：
我需要 textarea 中的文本看起来完全与 div 元素中的文本相同，包括填充等。
下面的 html 可以在我的电脑 (Windows Chrome) 上运行。但是，当我在实际的 iPhone（Safari/Chrome，OS 10）上查看它时，它会在文本区域内增加额外的空间，类似于左填充（但左填充为 0）。我如何摆脱这个空间？
（我认为我在 iOS 9 中没有遇到过这个问题。）
<style>
.my_area{
margin: 0;
padding: 0;
outline: 0;
border: 0;
box-sizing: border-box;
white-space: pre-wrap;
word-wrap: break-word;
font-family: arial;
font-size:17px;
line-height:26px;
width:200px;
overflow:hidden;
background:yellow;
border:1px solid black;
border-radius:0;
}
</style>
<textarea class = "my_area">q w e r t y u i o p a s d f g h j k l z x c v b n</textarea>
<br/>
<div class = "my_area">q w e r t y u i o p a s d f g h j k l z x c v b n</div>
编辑：我使用
width=device-width, initial-scale=1.0
在标题中，所以我正在以适合移动设备的分辨率查看页面。
【问题讨论】：
-
这似乎是同一个问题：*.com/questions/21935912/…。为了修复它，看起来答案是你不能。