iT邦幫忙

0

Bootstrap 如何讓textbox 在不同設備有不同高度?

  • 分享至 

  • xImage

一般textbox的高度大約是30px,要怎麼做才有可能達到當small device瀏覽時textbox的高度是60px,若是xs-device 高度則變為90px?

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
大毛
iT邦新手 5 級 ‧ 2021-07-07 09:53:11
最佳解答

css

#textbox_site{
    height: 30px;
}
@media screen and (max-width: 768px) {
    #textbox_site{
        height: 60px;
    }
}
@media screen and (max-width: 576px) {
    #textbox_site{
        height: 90px;
    }
}

html

<input type="text" class="textbox_site" />

我要發表回答

立即登入回答