Bootstrap根據屏幕大小把設備分為超小屏幕,小屏幕,中等屏幕,大屏幕四種并把屏幕分為12列
對應屏幕寬度為:
超小屏幕(手機):0-768px 對應設置 class=col-xs-number
小屏幕(平板):768-992px 對應設置class=col-sm-number
中等屏幕(電腦):992-1200px 對應設置 class=col-md-number
大屏幕(電腦):1200px-? 對應設置 class=col-lg-number
在chrome瀏覽器,elements窗口中會發現當屏幕寬度小于768時,
只有com-xs-12生效。
自適應:網頁適應不同設備 ,用bootstrap框架
原理:是媒體(設備/瀏覽器)查詢 @media only screen 查詢設備的寬度
bootstrap是自適應的;自適應指的是不管屏幕有多大,都盡量不換行,只是橫向縮放,而bootstrap是通過柵欄系統實現自適應的;柵格系統通過定義容器的大小,將其分為12等份,將瀏覽器以行列形式去劃分實現自適應。
上一篇:隨著二十條優化措施的落實,北京堅持科學精準、高效統籌,分區分級分類開展防控工作
下一篇:廣州市教育局:全市中小學(高三除外)下周暫不恢復線下教學
榮成市城投文化旅游發展有限公司 03-23
贏刻碩博(武漢)教育咨詢有限公 03-23
中能企業管理咨詢(徐州)有限公 03-23
深圳市汐雅實業有限公司 03-23
上海偉通信息科技有限公司 03-23
中山市萬佳紡織品貿易有限公司 03-23
德惠市瑞海人力資源有限公司 03-23
江西誠寶順隆勞務服務有限公司 03-23
永靖縣呱呱汽車貿易有限責任公司 03-23
安徽除妥石油設備有限公司 03-23
廣州11月30日發布優化疫情防 03-23
東風著陸場已做好準備 通信多個 03-23
為什么老年人要接種新冠病毒疫苗 03-23
雷諾與日產放棄12月7日宣布達 03-23
網頁制作完成后,在最終上線之前 03-23
要對企業網站的訪問者群體進行規 03-23
電商類網頁設計網站頁面非常重要 03-23
網頁設計與制作企業網站數據的及 03-23
pc版網頁設計企業對外形象的窗 03-23
網頁設計模板企業網站是用來展示 03-23
網頁logo設計優秀的案例需求 03-23
四川高速大霧天氣成都周邊這些高 03-23
上海已監測到XBB.1.5毒株 03-23
企業有哪些 03-23
北京企業內訓培訓機構講師講什么 03-23