• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

html 来源:JNPW 3次浏览

我在我的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中的百分比值来获取灵活的宽度,具体取决于输入字段周围的元素。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)