如果它是平板電腦或手機螢屏尺寸,這些按鈕應該動態適應我的網站。正如你在這里看到的那樣,目前它的裁剪非常難看,但我想不出解決方案。
#signup input {
font-size: 16px;
border: 3px;
border-radius: 5px;
height: 40px;
width: 300px;
text-align: center;}
#signup .button {
font-size: 16px;
padding: 10px 20px 20px 20px;
border-radius: 5px;
margin: 0 auto;
width: 300px;
background-image: linear-gradient(to right, #008A74 , #9f0f44);}
可能這很容易,但我無法弄清楚。提前謝謝了!
國王的問候,cookiesla
uj5u.com熱心網友回復:
我認為這與您的輸入或 .button CSS 沒有任何關系。看起來容器(#signup?)的寬度受到限制。嘗試在瀏覽器中打開開發工具并檢查#signup 的計算屬性。
uj5u.com熱心網友回復:
@media only screen and (max-width: 400px) {
#signup .button ,#signup input {
width: auto;
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/418312.html
標籤:
上一篇:引導導航選項卡選單中的兩個鏈接
下一篇:調整螢屏大小時div重疊
