jQuery Mobile是一個(gè)基于jQuery的用戶界面框架,兼容所有流行的手機(jī),平板電腦,電子閱讀器和桌面(瀏覽器)平臺(tái)。為了建立可訪問性及普及性訪問性和普及,我們遵循漸進(jìn)增強(qiáng)和響應(yīng)式網(wǎng)頁設(shè)計(jì)(RWD)原則 。HTML5標(biāo)簽結(jié)構(gòu)使它容易上手,但是一個(gè)強(qiáng)大的API卻能讓你輕松的深入定制。Jquery mobile是由(MT)Media Temple聯(lián)合多家移動(dòng)設(shè)備廠商以及軟件企業(yè)共同發(fā)起的的針對觸屏智能 手機(jī)與平板電腦的website以及在線應(yīng)用的前端開發(fā)框架。
安州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),安州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為安州近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個(gè)售后服務(wù)好的安州做網(wǎng)站的公司定做!
Jquery mobile構(gòu)建于Jquery ,為前端開發(fā)人員提供了一個(gè)兼容所有主流移動(dòng)設(shè)備平臺(tái)的統(tǒng)一UI接口系統(tǒng)。擁有出色的彈性,輕量化以及漸進(jìn)增強(qiáng)特性與可訪問性。
手機(jī)瀏覽多是由開源瀏覽器內(nèi)核webkit衍生出來的,而這個(gè)瀏覽器正是谷歌瀏覽器,所以說,只要是谷歌瀏覽器支持的jquery框架,手機(jī)瀏覽器都支持,當(dāng)然會(huì)有一定的差異性,推薦使用jquerymobile,在兼容性處理方面可能會(huì)更好一點(diǎn)!
因?yàn)樗獏^(qū)分是不是retina顯示屏的或者高分辨率的手機(jī)屏幕,然后對你的背景圖片進(jìn)行除以2的縮小,你必須將你的背景圖片放大一倍在換上去,保留兩種尺寸,一個(gè)是原始電腦瀏覽器看的尺寸,一種的是X2的手機(jī)瀏覽的尺寸。所以你在手機(jī)上不顯示,很有可能就是被縮小一倍后,背景圖片的位置發(fā)生了變化你就看不到或者移位等現(xiàn)象了。區(qū)分是不是高分辨率的代碼也很簡單。代碼如下:
if(!$.mobile.media("screen?and?(-webkit-min-device-pixel-ratio:?2)")){
$("#style").attr("href","web/style2.css");//定義樣式link的id為style,然后style2.css為電腦上看的樣式表地址,這個(gè)地址里加載的背景圖片地址為正常地址不是被放大的
};
大多數(shù)自帶的瀏覽器都沒有這么多功能,不過很多商業(yè)的瀏覽器是提供了全屏瀏覽的模式的,比如uc瀏覽器、百度瀏覽器