Bootstrap響應(yīng)式設(shè)計在中國-關(guān)于移動網(wǎng)站和卓越網(wǎng)

時間：2022-07-08 01:30:01 | 來源：建站知識

時間：2022-07-08 01:30:01 來源：建站知識

為移動而生-更窄的網(wǎng)頁并不是移動網(wǎng)頁

提供完整的用戶體驗，打通移動端與客戶端的區(qū)隔，這在中國互聯(lián)網(wǎng)業(yè)界已經(jīng)沒有什么好爭辯的了，然而天國總是有天國的實情，比如人們對于移動網(wǎng)站的理解，從早年的“短信網(wǎng)址”笑料收場，到現(xiàn)在的微信上諸多“偽微門戶”泛濫，離真實的移動用戶體驗相差很遠(yuǎn)。

比如下圖是一個熱門微信頒發(fā)出來的“微門戶”頁面，其實和早年的wap網(wǎng)站制作一樣，只不過是做了一個“更窄”的網(wǎng)頁，并沒有理解移動設(shè)備的真正需求。

在移動設(shè)備上，人們使用手指觸摸來取代鼠標(biāo)點擊，并不能使用“二指琴魔”來不斷放大設(shè)備。

不同的媒體又有不同的介質(zhì)，比如PAD和手機，雖然同屬移動設(shè)備，又有不同。

再者，在蘋果設(shè)備上，橫屏與豎屏有不同的媒體查詢規(guī)則。

如何讓圖片在移動設(shè)備是同比放大，而不是被屏幕遮蔽?

這時只有祭出Bootstrap這面大旗，方能迎刃而解。

巨頭的精湛之作-匠人打造、為匠人用

很少有一個web框架為了適應(yīng)移動互聯(lián)網(wǎng)時代而誕生的。

而Bootstrap恰恰是這樣的一個作品，雖然目前國內(nèi)開發(fā)者接觸的人群不多，但一場流式布局與響應(yīng)式體驗的變革將由其引領(lǐng)。

檢驗一個網(wǎng)站是否支持響應(yīng)式標(biāo)準(zhǔn)其實很簡單，就是將網(wǎng)友窄，如果能自適應(yīng)屏幕就是符合這一標(biāo)準(zhǔn)，目標(biāo)大多數(shù)網(wǎng)站不支持此標(biāo)準(zhǔn)，而越來越多的名企和卓越門戶已經(jīng)引入這一標(biāo)準(zhǔn)。

Bootstrap的娘家Twitter(推特)，可謂是當(dāng)今移動互聯(lián)網(wǎng)的開山鼻祖，開創(chuàng)了微博這一個新網(wǎng)絡(luò)載體，大陸網(wǎng)民所能體驗到的新浪微博、騰訊微博無不是其追隨者。

早期Twitter提供的內(nèi)部開發(fā)工具缺乏一些精致和平易近人的設(shè)計，為了應(yīng)對復(fù)雜的設(shè)計需求，Twitter前端工程師在開發(fā)風(fēng)站時喜歡采用自己所熟悉的技術(shù)，這就了網(wǎng)站維護(hù)困難、可擴展性不強、開發(fā)成本等問題。

2010年6月，為了提高內(nèi)部協(xié)調(diào)性和工作效率，Twitter公司的幾個前端開發(fā)人員自發(fā)成立了一個興趣小組，期望設(shè)計一個偉大的作品，開發(fā)一個開放源碼的前端工具包，旨在幫助設(shè)計師和開發(fā)人員快速、高效的構(gòu)建出卓越的網(wǎng)頁，這就是Bootstrap。

最終，Bootstrap在Twitter公司迅速成長，且被業(yè)界廣泛采用(美國NASN、Breaking News、WordPress、Drupal等均導(dǎo)入了Bootstrap)，不僅包括了基本樣式，而且有了更為優(yōu)雅和持久的前端設(shè)計版式，目前這個版本為3.0。

可以毫不客氣的說，看到Twitter公司的白鴿圖標(biāo)，就可以看到Bootstrap的優(yōu)雅美麗，這正是無數(shù)個WEB開發(fā)者朝思夜想和渴求的!

下圖：印象筆記和HTC官網(wǎng)的響應(yīng)式體驗

開發(fā)者利器-提供網(wǎng)站開發(fā)效率的首選

還在用*{margin:0px;padding:0px}這樣的全局定義?

還在用圖片作為圖標(biāo)?

還在用自定義的媒體查詢來定義各個界面的寬度?

這已經(jīng)遠(yuǎn)遠(yuǎn)不夠。

一個優(yōu)秀的網(wǎng)站應(yīng)該除了堅強的內(nèi)核，還應(yīng)該包括：

l 跨設(shè)備、跨瀏覽器

l 支持響應(yīng)式設(shè)計

l 良好的柵格系統(tǒng)

l 優(yōu)秀的字體樣式

l 多媒體展示

l 良好的導(dǎo)航和表單

l 支持hmtl5

l 以及更多

BootStrap在中國-逐浪CMS首倡導(dǎo)入

中國軟件業(yè)不缺乏優(yōu)秀的設(shè)計者和思想家，但缺乏優(yōu)秀的行動家。

全世界人民沉浸在元旦圣誕的節(jié)日快樂中，逐浪CMS的人可能是從前一天開始加班到元旦中午12點，為了趕在新年發(fā)布一個產(chǎn)品。

全國人民都在看兩會，逐浪軟件的架構(gòu)師們可能奔波在雪域高原和南海之濱，用腳去丈量祖國母親的每一寸胸膛。

早在2013年中旬，通過與中科院、阿里云、中化集團、搜狐軟件團隊、中電集團等多家企業(yè)的合作中，迫切認(rèn)識到提升整體CMS的應(yīng)用和web體驗的重要性，先后推出了微信接口、MIS系統(tǒng)、云盤、二維碼、設(shè)備自適配等技術(shù)，并成功于2014年的第一季度全面導(dǎo)入BootStarp框架，全面向國內(nèi)用戶開放下載。

逐浪CMS目前中國首家導(dǎo)入Bootstrap的網(wǎng)站內(nèi)容內(nèi)核系統(tǒng)廠商，這源于我們以客戶為本的服務(wù)品質(zhì)、以質(zhì)量為先的研發(fā)導(dǎo)向、以技術(shù)為本的企業(yè)思維。

目前逐浪CMS官網(wǎng)和測試平臺均已上線，可以自由支持各類移動體驗，同時點擊屏幕上的電話，能自動啟動手機上的電話拔號和發(fā)送短訊等功能。

目前逐浪CMS官網(wǎng)已經(jīng)開放全面支持Bootstrap的CMS內(nèi)核系統(tǒng)，用改革開放的精神來說：我們既要走得出去，也要請得進(jìn)來。

期待中國互聯(lián)網(wǎng)的開放進(jìn)取新時代的到來!

下圖逐浪CMS移動設(shè)備響應(yīng)式界面：

下圖：逐浪軟件體驗門戶界面