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