html - 使用css在图像上形成对齐

Question

我正在做设计。设计位于链接处

http://jodbaki.com/apply-now。

在它的桌面版本中工作正常但是什么时候。我在移动设备上看到它，然后表格从右侧超出图像。我该如何调整它？？？。

Answer 1

这是因为您的input、textarea 和select。一旦宽度小于 400 像素，请尝试添加 CSS 媒体查询，将所有字段从 150 像素缩小到 100 像素。

@media screen and (max-width: 400px) {    
  input,textarea,select {
      width: 100px !important;
  }    
}