用于'；宽度'；我的HTML表单上的提交按钮在手机上的大小将不正确

HTML表单上提交按钮“宽度”的css样式在手机上无法正确调整大小。看起来它几乎达到了一个临界值，不会变薄，但会在桌面浏览器上变薄吗

表单HTML

<form method="post" action="contactengine.php">


    <input type="text" name="Email" value="  Enter email address" onfocus="if (this.value=='  Enter email address') this.value='';"/>
    <input type="submit" name="submit" value="+" />
</form>

}

*iphone5的媒体查询示例

@media screen and (max-width:645px) {


input[type=submit] {
    bottom: 3%;
    width:4.5%;
    font: 300 1em/0.75em 'Source Sans Pro', sans-serif;

}

input[type=text] {
    bottom: 3%;

}
}

这是我在桌面和手机上看到的屏幕截图。提交按钮在桌面视图中是圆形的，但在移动视图中是拉长的？

---

HTMLButtoneElement有许多预定义的样式选项

在所有浏览器中，它们都是不同的，改变“宽度”是不够的

这里有一个简单的css重置按钮。您可以在这里设置您的值

button {
  display: inline-block;
  vertical-align: midddle;
  margin: 0;
  padding: 0;
  border:0;
  ouline:0;
  width: auto;
  height: auto;
}

---

HtmlButtoneElement有许多预定义的样式选项

在所有浏览器中，它们都是不同的，改变“宽度”是不够的

这里有一个简单的css重置按钮。您可以在这里设置您的值

button {
  display: inline-block;
  vertical-align: midddle;
  margin: 0;
  padding: 0;
  border:0;
  ouline:0;
  width: auto;
  height: auto;
}

---

在这种情况下，默认填充使其爆炸：

---

padding:0

应该可以解决这个问题

在这种情况下，默认的padding会使它崩溃：

---

padding:0

应该可以解决这个问题

发布您正在尝试的所有代码在css开发中有一个称为响应性的因素。你也试过了吗？嗨，Jesse，这里的最佳实践是提交你正在编写的代码，以及到目前为止你已经尝试过的代码。这将使人们更好地帮助你。只是包括一些HTML和CSS，对不起，这是我第一次提交问题。此外，我还添加了一些屏幕截图，显示了在相同的屏幕宽度下，我在桌面和移动设备上得到的东西。感谢您尝试的所有代码在css开发中有一个称为响应性的因素。你也试过了吗？嗨，Jesse，这里的最佳实践是提交你正在编写的代码，以及到目前为止你已经尝试过的代码。这将使人们更好地帮助你。只是包括一些HTML和CSS，对不起，这是我第一次提交问题。此外，我还添加了一些屏幕截图，显示了在相同的屏幕宽度下，我在桌面和移动设备上得到的东西。谢谢