員工經(jīng)過(guò)長(zhǎng)期磨合與沉淀，具備了協(xié)作精神，得以通過(guò)團(tuán)隊(duì)的力量開(kāi)發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅(jiān)持“專(zhuān)注、創(chuàng)新、易用”的產(chǎn)品理念，因?yàn)椤皩?zhuān)注所以專(zhuān)業(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡(jiǎn)單”。公司專(zhuān)注于為企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、電商網(wǎng)站開(kāi)發(fā)，成都微信小程序，軟件按需定制網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。
1，h5怎樣利用bootstrap進(jìn)行移動(dòng)端適配
最好的方式是通過(guò)css media query多媒體查詢(xún)?nèi)?xiě)css 就好了， bootstrap的本質(zhì)也是css media query多媒體查詢(xún)技術(shù)總結(jié)： 比較簡(jiǎn)潔但不精煉的，只面向智能手機(jī)的，基本的，UI組件小集合。還不能稱(chēng)作框架。如果利用它來(lái)生產(chǎn)，需要精通html5相關(guān)規(guī)范、css3相關(guān)語(yǔ)法。各智能機(jī)型流行瀏覽器兼容性需要手動(dòng)完善和修復(fù)。 優(yōu)勢(shì)： 、組件簡(jiǎn)潔，易上手。 、專(zhuān)注H5規(guī)范，...可以不用bootstrap。用html5、css3、javascript2，移動(dòng)端適配
一. 元素的度量單位 1. px像素 2. em根據(jù)父元素來(lái)計(jì)算大小（項(xiàng)目中比較少用） 3. rem根據(jù)根節(jié)點(diǎn)(html)元素的font-size進(jìn)行計(jì)算大小 4. vw/vh根據(jù)手機(jī)屏幕計(jì)算大小 5. rpx小程序特有單位 二. rem計(jì)算公式: 元素的寬度(高度)= html的font-size * rem 三. 使用rem進(jìn)行移動(dòng)端適配的原理 1. 以ipone6寬度作為參考,給它的根標(biāo)簽設(shè)置大小 2. 獲取手機(jī)的屏幕寬度,根據(jù)屏幕寬度,以iphone作為參照物進(jìn)行等比縮放 一. 用來(lái)根據(jù)手機(jī)寬度設(shè)置根元素字體的大小 二. px轉(zhuǎn)成rem,免去我們手動(dòng)輸入rem 三. css的處理
3，百度移動(dòng)適配規(guī)則怎么寫(xiě)
正則表達(dá)式規(guī)則、詳解和示例代碼1、純數(shù)字適配規(guī)則：([0-9]+)或(\d+)解釋?zhuān)悍嚼ㄌ?hào)：[]表示字符組，作用是匹配其中一個(gè)。如：[1234]代表匹配1、2、3、4四個(gè)數(shù)字中的一個(gè)。連字符：-表示一個(gè)范圍。如：[1-4]等價(jià)于[1234]、[a-z]等價(jià)于[abcdefghijklmnopqrstuvwxyz]。加號(hào)：+表示與之緊鄰的元素必須出現(xiàn)一次或者多次。如：[0-9]+代表匹配至少2個(gè)數(shù)字以上的純數(shù)字組合。比如：01、10、100、1232、134341324132……\d：Perl等編程語(yǔ)言中用\d代表純數(shù)字，算是一種簡(jiǎn)化。所以[0-9]等價(jià)于\d。括號(hào)：()劃定多選結(jié)構(gòu)的范圍。在百度移動(dòng)適配中所有的正則表達(dá)式都需包含在()中。什么是移動(dòng)適配，移動(dòng)適配工具的作用提升搜索用戶在百度移動(dòng)搜索的檢索體驗(yàn)，會(huì)給對(duì)應(yīng)pc頁(yè)面的手機(jī)頁(yè)面在搜索結(jié)果處有更多的展現(xiàn)機(jī)會(huì)，需要站點(diǎn)向百度提交主體內(nèi)容相同的pc頁(yè)面與移動(dòng)頁(yè)面的對(duì)應(yīng)關(guān)系，即為移動(dòng)適配。為此，百度移動(dòng)搜索提供“移動(dòng)適配”服務(wù)，如果您同時(shí)擁有pc站和手機(jī)站，且二者能夠在內(nèi)容上對(duì)應(yīng)，即主體內(nèi)容完全相同，您可以通過(guò)移動(dòng)適配工具進(jìn)行對(duì)應(yīng)關(guān)系提交。站長(zhǎng)通過(guò)移動(dòng)適配工具提交pattern級(jí)別或者url級(jí)別的pc頁(yè)與手機(jī)頁(yè)對(duì)應(yīng)關(guān)系，若可以成功通過(guò)校驗(yàn)，將有助于百度移動(dòng)搜索將移動(dòng)用戶直接送入對(duì)應(yīng)的手機(jī)頁(yè)結(jié)果。積極參與“移動(dòng)適配”，將有助于您的手機(jī)站在百度移動(dòng)搜索獲得更多流量，同時(shí)以更佳的瀏覽效果贏取用戶口碑。移動(dòng)適配工具如何使用當(dāng)您同時(shí)擁有移動(dòng)站點(diǎn)和pc站點(diǎn)、且移動(dòng)頁(yè)面和pc頁(yè)面的主體內(nèi)容完全相同，就可以在通過(guò)百度站長(zhǎng)平臺(tái)提交正確的適配關(guān)系，獲取更多移動(dòng)流量。第一步，注冊(cè)并登錄百度站長(zhǎng)平臺(tái)第二步，提交pc網(wǎng)站并驗(yàn)證站點(diǎn)與id的歸屬關(guān)系，具體驗(yàn)證網(wǎng)站歸屬方法可見(jiàn)幫助文檔第三步，站點(diǎn)驗(yàn)證后，進(jìn)入“工具”――“移動(dòng)專(zhuān)區(qū)”――“移動(dòng)適配工具”，選擇具體需要進(jìn)行移動(dòng)適配的pc站，然后“添加適配關(guān)系”第四步，根據(jù)自己提交的適配數(shù)據(jù)特點(diǎn)，選擇適合您的提交方式：目前移動(dòng)適配工具支持規(guī)則適配提交url適配提交，無(wú)論您使用哪種方式都需要先指定pc與移動(dòng)站點(diǎn)，此舉可以令平臺(tái)更加快速地檢驗(yàn)?zāi)峤坏臄?shù)據(jù)、給出反饋，順利生效。同時(shí)您在之后步驟中提交的適配數(shù)據(jù)中必須包含指定的站點(diǎn)，否則會(huì)導(dǎo)致校驗(yàn)失敗。4，移動(dòng)端開(kāi)發(fā)怎么做到各分辨率適配
在開(kāi)發(fā)的時(shí)候不用考慮這么細(xì)節(jié)，不用特地找來(lái) iPhone、安卓的各個(gè)分辨率……一般就分成這么幾個(gè)分界線：（Bootstrap 標(biāo)準(zhǔn)）480px、768px、980px、1200px。所以對(duì)手機(jī)而言，只要是 480px 以下都是一樣對(duì)待的，你不要說(shuō)查到有 320px、360px、400px、480px，就對(duì)手機(jī)設(shè)計(jì)四套方案……正確的方法是，寬度方面多用百分比，字體方面多用 rem。網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。1、使用meta標(biāo)簽，這也是普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備對(duì)該標(biāo)簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統(tǒng)。首先解釋該標(biāo)簽的含義：如果你完全不了解這個(gè)標(biāo)簽的使用需要先百度一下。解釋?zhuān)篶ontent中的“width” 這個(gè)width指的是什么寬度，我看過(guò)的文章對(duì)這個(gè)都沒(méi)有解釋的很清楚，有幾個(gè)備選：虛擬窗口的寬度、手機(jī)屏幕的寬度、還是頁(yè)面的寬度等等？經(jīng)試驗(yàn)這個(gè)指的是虛擬窗口的寬度。了解寬度之后，對(duì)后續(xù)的各種scale，就應(yīng)該知道是誰(shuí)與誰(shuí)的比例，是 虛擬窗口寬度 / 頁(yè)面寬度，這樣就會(huì)有問(wèn)題出現(xiàn)安卓設(shè)備尺寸差異很大光主流的就有寬度為 320 480 720 1080 等各種尺寸而以上標(biāo)簽只能支持一種尺寸，當(dāng)然有些瀏覽器會(huì)自動(dòng)縮放使其適應(yīng)屏幕，但這不是統(tǒng)一標(biāo)準(zhǔn)，正確的做法是用js動(dòng)態(tài)生成此標(biāo)簽，當(dāng)然，應(yīng)該先獲取屏幕尺寸。對(duì)于此標(biāo)簽還有以下需要分享：1)、user-scalable=no就一定可以保證頁(yè)面不可以縮放嗎？no，有些瀏覽器不吃這一套，還有一招就是minimum-scale=1.0, maximum-scale=1.0 最大與最小縮放比例都設(shè)為1.0就可以了。2)、initial-scale=1.0 初始縮放比例受user-scalable控制嗎？不一定，有些瀏覽器會(huì)將user-scalable理解為用戶手動(dòng)縮放，如果user-scalable=no，initial-scale將無(wú)法生效。3)、手機(jī)頁(yè)面可以觸摸移動(dòng)，但是如果有需要禁止此操作，就是頁(yè)面寬度等于屏幕寬度是頁(yè)面正好適應(yīng)屏幕才可以保證頁(yè)面不能移動(dòng)。4)、如果頁(yè)面是經(jīng)過(guò)縮小適應(yīng)屏幕寬度的，會(huì)出現(xiàn)一個(gè)問(wèn)題，當(dāng)文本框被激活（獲取焦點(diǎn)）時(shí)，頁(yè)面會(huì)放大至原來(lái)尺寸。以上是使用viewport標(biāo)簽的一些小體會(huì)，分享給大家。
5，百度站長(zhǎng)怎么做移動(dòng)端適配
現(xiàn)有的三種移動(dòng)開(kāi)放適配方案：1.跳轉(zhuǎn)適配：該方法會(huì)利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua，然后使用http重定向和vary http標(biāo)頭重定向到相應(yīng)的頁(yè)面。2.代碼適配：該方法使用相同的網(wǎng)址（不考慮用戶所使用的設(shè)備），但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解(ua)，針對(duì)不同設(shè)備類(lèi)型生成不同版本的HTML。3.自適應(yīng)：通過(guò)同一網(wǎng)址提供相同代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備（pc、平板電腦、移動(dòng)設(shè)備），但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)（即適應(yīng)）顯示屏。在站長(zhǎng)平臺(tái)， 我們可以下拉看到自己的網(wǎng)站，在移動(dòng)適配專(zhuān)區(qū)，還可以看到移動(dòng)適配、app屬性和siteapp。其中移動(dòng)適配屬于自建移動(dòng)端網(wǎng)站，而app適配是百度自帶的一種移動(dòng)端網(wǎng)站。在移動(dòng)適配的時(shí)候，可以看到有規(guī)則適配和url適配，都是在pc端和移動(dòng)端進(jìn)行一個(gè)橋梁的搭建?？梢詫?shí)現(xiàn)自動(dòng)轉(zhuǎn)換。如，同一個(gè)頁(yè)面你用pc端看，和移動(dòng)端看顯示內(nèi)容各有差異。下圖以規(guī)則適配—單條規(guī)則為例，根據(jù)上面的需求進(jìn)行填寫(xiě)。主要該注意的為，url表達(dá)式，（/w+）和（/d+）等，可以參考正則表達(dá)式規(guī)則，進(jìn)行一一對(duì)應(yīng)填寫(xiě)。其中提交的url對(duì)，最好是收錄和排名較好的頁(yè)面，有助于規(guī)則的匹配成功。以URl適配為例，這里需要注意的是，url對(duì)進(jìn)行填寫(xiě)的時(shí)候，需要是pc端和移動(dòng)端進(jìn)行一一對(duì)應(yīng)，中間用“空格”隔開(kāi)。其中url對(duì)的書(shū)寫(xiě)也最好是收錄和排名較好的網(wǎng)頁(yè)。也可以直接上傳url文件，進(jìn)行大批量的url對(duì)上傳。不同的適配規(guī)則，在提交之后，顯示的是不一樣的。如下圖第一條的url適配，和第二條的規(guī)則適配。適配關(guān)系規(guī)則提交之后，根據(jù)網(wǎng)站的排名流量以及適配規(guī)則的填寫(xiě)等，可以看到提交后的處理狀態(tài)，會(huì)顯示“校驗(yàn)成功”“校驗(yàn)部分成功”“校驗(yàn)失敗”“校驗(yàn)中”等。如果校驗(yàn)失敗也不用刪除，流量和排名上去之后，還可能校驗(yàn)成功的。步驟閱讀現(xiàn)有的三種移動(dòng)開(kāi)放適配方案：1.跳轉(zhuǎn)適配：該方法會(huì)利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua，然后使用http重定向和vary http標(biāo)頭重定向到相應(yīng)的頁(yè)面。2.代碼適配：該方法使用相同的網(wǎng)址（不考慮用戶所使用的設(shè)備），但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解(ua)，針對(duì)不同設(shè)備類(lèi)型生成不同版本的html。3.自適應(yīng)：通過(guò)同一網(wǎng)址提供相同代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備（pc、平板電腦、移動(dòng)設(shè)備），但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)（即適應(yīng)）顯示屏。
6，OA辦公系統(tǒng)如何向移動(dòng)端發(fā)展
互聯(lián)移動(dòng)化，是對(duì)傳統(tǒng)工作方式的一次變革，我們可以看作是移動(dòng)辦公發(fā)展到成熟階段的一種狀態(tài)，互聯(lián)移動(dòng)化主張實(shí)現(xiàn)組織內(nèi)外的信息可以隨時(shí)隨地通暢地進(jìn)行交互共享，在業(yè)務(wù)移動(dòng)化平臺(tái)上，工作將更加輕松有效、企業(yè)整體運(yùn)作將更加協(xié)調(diào)。在移動(dòng)化狀態(tài)下，企業(yè)的員工、客戶、伙伴、經(jīng)銷(xiāo)商或者代理商等可以通過(guò)移動(dòng)互聯(lián)的方式實(shí)現(xiàn)與企業(yè)內(nèi)部資源的對(duì)接和交互。移動(dòng)辦公的本質(zhì)就是一個(gè)縮小版本的PC端OA，但不只是簡(jiǎn)單縮小的事情，理論上PC上有的功能在移動(dòng)設(shè)備上都可以有。目前移動(dòng)辦公是協(xié)同OA系統(tǒng)發(fā)展的最為關(guān)鍵的一個(gè)階段。在移動(dòng)互聯(lián)的快速發(fā)展下，移動(dòng)辦公將成為一個(gè)企業(yè)信息化統(tǒng)一的入口，幫助企業(yè)實(shí)現(xiàn)面向不同用戶對(duì)象的個(gè)性化的隨時(shí)隨地隨需的業(yè)務(wù)交互。在互聯(lián)移動(dòng)化進(jìn)程中，如何利用PC端現(xiàn)有的IT資源形成在移動(dòng)端適配的各類(lèi)應(yīng)用，如何形成面向用戶的移動(dòng)輕應(yīng)用，是關(guān)鍵所在。而要更快捷、更低成本實(shí)現(xiàn)移動(dòng)辦公，需要管理軟件平臺(tái)具備一項(xiàng)特殊的技能——"無(wú)中生有"這里涉及到2個(gè)層面：1、PC端既有的應(yīng)用如何快速生成移動(dòng)應(yīng)用？2、PC端沒(méi)有部署的應(yīng)用如何移動(dòng)化實(shí)現(xiàn)？在OA系統(tǒng)平臺(tái)上，是通過(guò)移動(dòng)建模引擎、業(yè)務(wù)建模引擎兩個(gè)關(guān)鍵的引擎平臺(tái)來(lái)實(shí)現(xiàn)的。移動(dòng)建模引擎平臺(tái)，可以幫助企業(yè)利用既有的IT資源生成全新的移動(dòng)應(yīng)用，快速發(fā)布移動(dòng)APP應(yīng)用。移動(dòng)建模引擎，完全可視化編輯，無(wú)需懂代碼，所見(jiàn)即所得，并且一次部署多平臺(tái)運(yùn)行，可以最大限度地降低企業(yè)移動(dòng)信息化部署成本。如果，想要接入的移動(dòng)應(yīng)用是企業(yè)沒(méi)有的，還能否快捷的做到"無(wú)中生有"呢？業(yè)務(wù)建模引擎可以幫助企業(yè)快速生成各種輕應(yīng)用，比如合同管理、訂單管理、圖書(shū)管理等等，同時(shí)業(yè)務(wù)建模引擎還可以利用虛擬表單直接獲取異構(gòu)系統(tǒng)數(shù)據(jù)，無(wú)需接口即能實(shí)現(xiàn)外部數(shù)據(jù)集成。OA辦公系統(tǒng)向移動(dòng)端發(fā)展的方式：互聯(lián)網(wǎng)時(shí)代閉門(mén)造車(chē)已成為過(guò)去，當(dāng)今市場(chǎng)在變，用戶的想法在變，傳統(tǒng)“閉門(mén)造車(chē)”的方式制造出的產(chǎn)品往往偏離市場(chǎng)需求。用戶為王的時(shí)代，只有越靠近用戶者才能得天下，迎合用戶需求才能做出更符合用戶需求的“殺手級(jí)”應(yīng)用。如果OA廠商僅僅提供自己的移動(dòng)化產(chǎn)品，不能實(shí)現(xiàn)與其他業(yè)務(wù)信息系統(tǒng)的互融互通，企業(yè)就將放棄原廠商提供的產(chǎn)品和服務(wù)，OA廠商被邊緣化的趨勢(shì)將不可避免，最終站在用戶需求最前面的將不再協(xié)同OA廠商，而是第三方平臺(tái)解決方案商。那么，指望OA廠商做出更復(fù)合用戶的移動(dòng)端產(chǎn)品會(huì)難上加難。因此，為了避免徹底淪為后端業(yè)務(wù)系統(tǒng)，OA廠商要么持開(kāi)放的態(tài)度，要么從用戶的移動(dòng)信息化整體規(guī)劃入手，從用戶的未來(lái)需求做全盤(pán)考慮，提前幫助企業(yè)做好謀化布局，一切要以用戶的需求為中心，你才能最終贏得用戶，贏得市場(chǎng)，而不是為了一點(diǎn)暫時(shí)利益，讓用戶棄你而去。
本文題目：移動(dòng)端如何適配，h5怎樣利用bootstrap進(jìn)行移動(dòng)端適配
URL網(wǎng)址：http://muchs.cn/article26/iseccg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站設(shè)計(jì)、App開(kāi)發(fā)、小程序開(kāi)發(fā)、網(wǎng)站制作、企業(yè)網(wǎng)站制作
廣告
![]()
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：
創(chuàng)新互聯(lián)
