如何在html

Question

请帮帮我，如何做到以下几点： 输入表单（输入表单应包含输入和提交的html元素）应该是平板电脑和更小的设备上的100％宽度（带有一些小填充）。在桌面上，它应占宽度的50％并水平居中。

例如：

desktop

tablets

Answer 1

这应该有用。

* {
  margin: 0;
  padding: 0;
}
.container {
  max-width: 601px;
  margin: 0 auto;
}
.left {
  overflow: hidden;
  min-height: 25px;
  border: 1px dashed #f0f
}
.right {
  float: right;
  width: 80px;
  min-height: 25px;
  border: 1px dashed #00f
}
input {
  width: 100%;
  padding: 5px;
}
button {
  width: 100%;
  padding: 5px;
}

<div class="container">
  <div class="right">
    <button>Search</button>
  </div>
  <div class="left">
    <input type="text" />
  </div>
</div>

这也是JSfiddle。