Question

我使用普通的html输入，并且我将宽度和高度指定为百分比，当我在笔记本电脑中查看它时，它看起来不错并且可以正常工作，但是在显示器中查看时，对齐方式会有所不同

这是一个有角度的应用程序..不确定它是否与灵活的设计有任何关系

编辑1：

这是W3学校的代码

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>

<h2>Setting the Viewport</h2>
<p>This example does not really do anything, other than showing you how to add the viewport meta element.</p>

<label>Test </label>
<input type='text' style="width:200px; height:14px"> 

</body>
</html>

我只是在响应式设计中复制了它，并添加了宽度和高度固定的文本框。当我在W3schools中运行它并缩小窗口的大小时。示例中的内容发生了相应的变化，但我的文本框保持固定大小且未进行调整

Answer 1

您已使用200px给出了此固定项。总是固定的。

<input type='text' style="width:200px; height:14px">

css

@media screen and (max-width: 600px) {
  .col-25, .col-75, input {
    width: 100%;
    margin-top: 0;
  }
}

动态HTML文本框宽度Angular

1 个答案: