не влияет Если вы добавите одну дополнительную строку, это поможет сбросить дополнительный отступ для устройств iOS. Вероятно, придется сделать что-то еще, чтобы использовать другие сенсорные устройства шириной более 480 пикселей.
аюсь создатьtextarea
это выглядит точно так же, какdiv
.
Тем не менее, на iOS есть 3 пикселя, которые я не могу удалить.
Вот мой код:
<!doctype html>
<title>Textarea test</title>
<style>
textarea, div
{
background: yellow;
font: 13px arial;
border: 0;
padding: 0;
border-radius: 0;
margin: 0;
-webkit-appearance: none;
}
</style>
<div>test</div>
<hr>
<textarea>test</textarea>
Это выглядит так (я увеличил):
Как показано на скриншоте, перед текстом есть 3 пикселя, от которых я хочу избавиться. Насколько я вижу, это не поле / отступ или граница.
Это происходит на моем iPhone и iPad, оба работают под управлением iOS 4.3. И чтобы быть ясно; эти 3 дополнительных пикселя не отображаются в Safari / Firefox / Chrome на моем рабочем столе. Или Windows Phone моего брата, если уж на то пошло.
РЕДАКТИРОВАТЬ 2011-08-10:
Я только что проверил это на<input type=text>
и появляется та же самая вещь "отступа", за исключением того, что это 1 пиксель вместо 3.