HTML元素各屏幕大小显示

1:用bootstrap的栅格系统

        visible-md-block 表示在早中型设备台式电脑(≥992px)可显示

        visible-lg-block 表示在大型设备台式电脑(≥1200px)可显示

        visible-xs-block 表示在超小设备手机(<768px)可显示

2:加在标签的class类就行,要全部大小都显示就全部加,也可单独加

<select id="playerId" class="form-control  visible-xs-block visible-md-block visible-lg-block">

        <option>请先连接服务器</option>

</select>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为什么要学移动app ? 1 .用户需求2.企业需求3.It 公司解决需求4. 用户基础大 相对于pc端的网站、 ...
    peng凯阅读 3,619评论 0 0
  • 一.文本1)对齐方式text-left 文本左对齐 =======> text-align:...
    lovelydong阅读 6,951评论 0 7
  • 写在前面的话 响应式(responsive),顾名思义,就是物体自身具备能够适应各种不一样环境的能力,而网页的响应...
    Chester723阅读 9,803评论 0 9
  • 开篇废话是一种情怀 上一篇说到Less预处理语言,这节就着重讲下Bootstrap框架,这款框架应该是现在前端人手...
    西巴撸阅读 4,032评论 1 4
  • 1 村上春树说,每当遇到艰辛和悲哀,他总是自然地想起杜鲁门·卡波特小说里的那一句:“think of nothin...
    九月漫漫阅读 5,819评论 2 10