当我缩小屏幕尺寸时出现CSS问题

  • Z时代
  • 2024-01-10
  • 分类：问答

我在我的IE中遇到问题。当我最大化屏幕时，一切正常。 当我缩小屏幕尺寸时，输入框和其他div标签保持不变，这些扩展出页面布局，页面看起来很乱。我希望我的输入框和其他Div标签能够根据需要进行调节，在页面布局之外。我的输入框的当我缩小屏幕尺寸时出现CSS问题

实施例：

<div style="background-color:#c2d69b; 
      width: 628px; 
      padding-left: 5px; 
      padding-right: 5px; 
      border-color: #6699CC; 
      border-width: 1px; 
      border-style: solid;"> 
    <b>Keywords</b><br /> 
    <input id="keywords" 
      runat="server" 
      type="text" 
      size="100" 
      title="Keywords" /><br /><br /> 
</div>

回答：

的<div>标签的固定宽度迫使容器为具有628px的宽度。也许你可以使用百分比值（例如100％）来适应周围的容器。

此外，您的<input>标记具有导致固定宽度的属性size。您也可以尝试使用style中的百分比值来获取灵活的宽度，具体取决于输入字段周围的元素。

以上是 当我缩小屏幕尺寸时出现CSS问题 的全部内容， 来源链接： utcz.com/qa/262758.html

回到顶部