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

-2

我在我的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>

来源

2012-05-03 JNPW

删除了Java标签 - CSS完全与Java无关。 – wattostudios

如果屏幕最小化，你怎么看到任何东西？ –

抱歉使用单词“最小化”..我的意思是，如果我减少浏览器屏幕的大小，Divs和输入框移出页面布局。 – JNPW

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

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

来源

2012-05-03 14:45:07 mixable

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

回答

相关问题