border-responsive并没有

来源:3-9 表单控件(按钮)

不肖生

2016-08-11 19:10

这个案例中,并没有border-responsive类的<div>包裹,可是将窗口往右拖小后,为什么有了此类的响应式特征,出现了滚动条。

写回答 关注

3回答

  • linsuiyuan
    2016-08-12 09:57:50
    已采纳

    这是浏览器自动产生的,就是内容在一页放不下的时候

    就像下图一样

    http://img.mukewang.com/57ad2d1800016eea04820510.jpg

    不肖生

    不是这个,是水平滚动条,你将最右侧窗口拉到很小试试。

    2016-08-12 17:22:44

    共 2 条回复 >

  • 不肖生
    2016-08-14 23:44:52

    不是,你可以比较一下table那几节的前几节没有responsive的,将最右侧拉到最小,表格单元格被挤扁,直到水平只容纳一个字而没有水平滚动条,responsive那一节单元格宽度不变而出现滚动条,但这一节没有responsive,却有了滚动条,明白我的意思了么。

    linsui...

    我明白你的意思,这样的话,你的问题问得有点不对,因为这里产生滚动条不是表格自带的滚动条,所以不属于“此类的响应式特征”。 至于这里为什么会产生滚动条,我上面的回答也没错,是课程网页内嵌的那个浏览器的水平宽度不够显示内容了,就产生了水平滚动条。 为什么水平宽度会不够呢,因为表格没办法再压缩了,原因就是我上面刚刚回复的那样。 为什么在表格那几节有些不会产生滚动条呢?因为就算将它们拉到最右侧,它们压缩后的宽度仍小于内嵌浏览器的最小宽度,也就是说浏览器的水平宽度仍然够显示内容,就不会产生滚动条了。 像 2-22节 表格--鼠标悬浮高亮的表格,它最后也有产生滚动条的,因为水平宽度也不够了。

    2016-08-15 00:45:37

    共 1 条回复 >

  • linsuiyuan
    2016-08-12 21:11:37

    http://img.mukewang.com/57adca9d000125f105410458.jpg

    就像这样

    慕粉1814...

    <div class="table-responsive"> 〈table〉</table> </div>

    2017-02-16 09:51:35

    共 4 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题