您可以通過(guò)以下新聞與公司動(dòng)態(tài)進(jìn)一步了解我們。我們所簽約的客戶(hù),無(wú)論他們的項(xiàng)目是大或者小,我們都將提供好的服務(wù)。
-
JavaScript庫(kù)Modernizr,它用于在訪問(wèn)者地瀏覽器中探測(cè)某些屬性地存在狀態(tài).以前提到啦Modernizr通過(guò)@supports at-rule對(duì)CSS地本地適應(yīng),現(xiàn)在我們可以回顧上述內(nèi)容并對(duì)齊進(jìn)行啦壹些更詳細(xì)地討論,其原因是Modernizr極為有用并且許多瀏覽器正逐漸開(kāi)始采用它.
@supports at-rule地工作原理與媒體查詢(xún)類(lèi)似,創(chuàng)建壹個(gè)邏輯查詢(xún),如果它返回true,則應(yīng)用后面氣吁吁內(nèi)所包含地規(guī)則,但文本條件并不是媒體我.而是CSS屬性值對(duì),其名稱(chēng)為功能查詢(xún).例如,如果要想測(cè)試壹個(gè)用戶(hù)瀏覽器是否支持colume-count屬性從而為其提供合適地樣式,則可以構(gòu)建壹個(gè)如下例所示地查詢(xún):
@supports(column-count:壹){...}
至于媒體查詢(xún),則可以通過(guò)邏輯去處符來(lái)建立更多高級(jí)查詢(xún),例如,對(duì)于既支持column-count屬性又box-sizing屬性地瀏覽器,下面地查詢(xún)使用啦and 運(yùn)算符來(lái)為其提供樣式:
還可以使用or運(yùn)算符來(lái)建立可以探測(cè)被定義地特性地查詢(xún),在處理供應(yīng)商預(yù)設(shè)地特性時(shí),這個(gè)操作極為有用,在下面地示例中,hyphens和-moz-hyphen屬性都被再次測(cè)試,只要其中壹個(gè)受到支持,規(guī)則就會(huì)被應(yīng)用:
@supports(-moz-hyphens:auto) or (hyphens:auto){...}
not運(yùn)算符允許為不支持給定屬性地瀏覽器提供樣式.(注意,與其他運(yùn)算符不同,這個(gè)運(yùn)算符必須位于parethese內(nèi)部)
@supports(not (-webkit-hyphens:auto)){...}
功能查詢(xún)包含壹個(gè)與at-rule壹樣容易使用地API.例如,通過(guò)將壹個(gè)屬性-值對(duì)作為兩個(gè)參數(shù)傳遞給CSS.supports()類(lèi)函數(shù),就可以探測(cè)壹個(gè)單壹特性,下面地例子測(cè)試?yán)瞕isplay屬性地flex值:
var supports= CSS.supports('display','flex');
還可以將全部查詢(xún)做為壹個(gè)單壹參數(shù)傳遞給CSS.supports()類(lèi)函數(shù),這些查詢(xún)像字符串壹樣被置于引號(hào)內(nèi):
var supports = CSS.supports('(column-count:壹) and (display:flex)');
Modemizr項(xiàng)目已經(jīng)開(kāi)始在它地庫(kù)中實(shí)現(xiàn)功能查詢(xún);如果存在本地CSS.supports()實(shí)現(xiàn),腳本將使用這類(lèi)函數(shù),如果不存在,腳本將使用Modernizr自帶地測(cè)試.
北京歡迎你科技有限公司原創(chuàng)文章,關(guān)鍵詞:北京網(wǎng)站建設(shè) 北京建網(wǎng)站 北京網(wǎng)站制作 轉(zhuǎn)載請(qǐng)注明出處:m.kejuan.com.cn謝謝!
上一篇 :北京網(wǎng)站制作公司對(duì)HTML5與瀏覽器兼容問(wèn)題地看法!
下一篇 :北京建網(wǎng)站公司對(duì)矢量和位圖地比較!