html - 减小屏幕尺寸时的 CSS 问题

Question

我的 IE 有问题。当我最大化屏幕时，一切正常。当我减小屏幕尺寸时，输入框和其他 div 标签保持原样，并且这些标签超出了页面布局，我的页面看起来很乱。我希望我的输入框和其他 Div 标签能够根据需要容纳并且不要外出页面布局。

我的输入框示例：

<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>

Answer 1

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

此外，您的标签具有导致固定宽度<input>的属性。size您也可以style根据输入字段周围的元素尝试该标签的百分比值以获得灵活的宽度。