Question

我在ios设备中遇到textarea和输入类型文本的问题。文本的底部部分被切断了。如何修复文本以使其完全显示？

这是css：

textarea {
width: 97%;
padding: 5px 1.5%;
height: 70px;
line-height: 150%;
border: 1px solid #ccc;
}

Answer 1

在＆＃34; em＆＃34;，no＆＃34; px＆＃34;中定义高度...像素告诉浏览器textarea的高度应该是70px，在EMs中你告诉浏览器高度应该是5行，例如（height：5em;）。

Answer 2

你能试试这个。我也在iPhone上测试过，它会正常工作。请在您的网站上查看。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name = "viewport" content = "initial-scale = 2.3, user-scalable = no">
<title>Untitled Document</title>
<style>
body {
    width: 100%;
}
textarea {
    width: 97%;
    padding: 5px 0.5%;
    height: 5em;
    line-height: 1.5em;
    border: 1px solid #ccc;
}
</style>
</head>

<body>
<textarea>
</textarea>
</body>
</html>

在iphone中剪切的文本

2 个答案: