當我縮小屏幕尺寸時出現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問題

回答

相關問題