CSS - 无法更改移动设备的文本框宽度/高度

Question

我在用户设备维度之后尝试调整CSS时遇到了问题。我正在使用以下代码：

@media only screen and (max-width: 700px) {
#form input[type=text]
  {
  width: 100px;
  height: 50px;
  margin: 95px -60px 0 15px;
  box-shadow: inset 0px 0px 3px 1px grey;
  border:1px lightgrey solid;
  border-radius: 4px;
  text-align: center;
  font-family: times;
  font-size: 10px;
}
}

正确应用所有设置并更改除尺寸之外的原始CSS，这些尺寸保持不变。这怎么可能呢？这是一个CSS错误吗？如果某些应用选择器是正确的和所有，但尺寸不。这不是缓存问题，我已尝试过几种设备。

我非常感谢帮助， 弗雷德里克

Answer 1

您可以发布代码链接吗？

问题只发生在移动设备上吗？将浏览器窗口的大小调整为小于700px的宽度时会发生什么？

通常这种错误是由于选择器在代码中的其他地方过于具体，这使得它们难以覆盖。

尝试在声明的末尾添加！important，以查看是否可以覆盖样式。请注意其离开的一般不好的做法！在那里很重要，所以如果它适用于您搜索代码中的违规选择器并调整它直到您的媒体查询可以覆盖。