                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

border-responsive并沒(méi)有

這個(gè)案例中，并沒(méi)有border-responsive類(lèi)的<div>包裹，可是將窗口往右拖小后，為什么有了此類(lèi)的響應(yīng)式特征，出現(xiàn)了滾動(dòng)條。

不肖生

2016-08-11

源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 3-9

關(guān)注問(wèn)題我要回答

1054

操作

收起

3 回答

linsuiyuan 回答被采納 +3 積分
2016-08-12

這是瀏覽器自動(dòng)產(chǎn)生的，就是內(nèi)容在一頁(yè)放不下的時(shí)候

就像下圖一樣

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

不肖生提問(wèn)者

不是這個(gè)，是水平滾動(dòng)條，你將最右側(cè)窗口拉到很小試試。

2016-08-12 回復(fù) 有任何疑惑可以回復(fù)我~

不肖生提問(wèn)者
2016-08-14

不是，你可以比較一下table那幾節(jié)的前幾節(jié)沒(méi)有responsive的，將最右側(cè)拉到最小，表格單元格被擠扁，直到水平只容納一個(gè)字而沒(méi)有水平滾動(dòng)條，responsive那一節(jié)單元格寬度不變而出現(xiàn)滾動(dòng)條，但這一節(jié)沒(méi)有responsive，卻有了滾動(dòng)條，明白我的意思了么。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

linsuiyuan

我明白你的意思，這樣的話，你的問(wèn)題問(wèn)得有點(diǎn)不對(duì)，因?yàn)檫@里產(chǎn)生滾動(dòng)條不是表格自帶的滾動(dòng)條，所以不屬于“此類(lèi)的響應(yīng)式特征”。至于這里為什么會(huì)產(chǎn)生滾動(dòng)條，我上面的回答也沒(méi)錯(cuò)，是課程網(wǎng)頁(yè)內(nèi)嵌的那個(gè)瀏覽器的水平寬度不夠顯示內(nèi)容了，就產(chǎn)生了水平滾動(dòng)條。為什么水平寬度會(huì)不夠呢，因?yàn)楸砀駴](méi)辦法再壓縮了，原因就是我上面剛剛回復(fù)的那樣。為什么在表格那幾節(jié)有些不會(huì)產(chǎn)生滾動(dòng)條呢？因?yàn)榫退銓⑺鼈兝阶钣覀?cè)，它們壓縮后的寬度仍小于內(nèi)嵌瀏覽器的最小寬度，也就是說(shuō)瀏覽器的水平寬度仍然夠顯示內(nèi)容，就不會(huì)產(chǎn)生滾動(dòng)條了。像 2-22節(jié) 表格--鼠標(biāo)懸浮高亮的表格，它最后也有產(chǎn)生滾動(dòng)條的，因?yàn)樗綄挾纫膊粔蛄恕?/div>

2016-08-15 回復(fù) 有任何疑惑可以回復(fù)我~

linsuiyuan
2016-08-12

就像這樣

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

不肖生提問(wèn)者

這一節(jié)也有單元格寬度變化，只在最后一列，前兩列沒(méi)有。

2016-08-14 回復(fù) 有任何疑惑可以回復(fù)我~

#2

linsuiyuan 回復(fù) 不肖生提問(wèn)者

前兩列不是寬度沒(méi)有變化，比如你全屏顯示，它們就變寬了一些。而沒(méi)有全屏?xí)r，再壓縮它們的寬度已經(jīng)沒(méi)有辦法再縮小了。至于原因，第一列是因?yàn)槟切┌粹o沒(méi)辦法壓縮寬度，第二列是因?yàn)槟切┐a（里面的內(nèi)容用<code>包圍了）沒(méi)有辦法壓縮寬度。至于最后一列，因?yàn)槔锩鎯?nèi)容只是普通文字，所以可以壓縮寬度。

2016-08-15 回復(fù) 有任何疑惑可以回復(fù)我~

#3

不肖生提問(wèn)者回復(fù) linsuiyuan

嗯，應(yīng)該是這樣的

2016-08-15 回復(fù) 有任何疑惑可以回復(fù)我~