響應(yīng)式基礎(chǔ)相關(guān)知識(shí)點(diǎn)

1:性能對(duì)移動(dòng)端非常重要,如果你在移動(dòng)設(shè)備上一味堅(jiān)持,在轉(zhuǎn)換率后就可能隱藏著性能問題,72%的響應(yīng)式網(wǎng)站不分屏幕大小都提供相同的字節(jié),響應(yīng)式降低移動(dòng)網(wǎng)絡(luò)連接,不是每個(gè)用戶都會(huì)耐心等網(wǎng)站加載

2:不要總是在CSS中依賴media queries,因?yàn)闉g覽器將會(huì)為所有設(shè)備加載和解析所有選擇器和樣式 (后面詳細(xì)討論)。這就意味著手機(jī)為了一個(gè)大屏要下載和解析CSS。因?yàn)镃SS塊的呈現(xiàn),你要浪費(fèi)一些時(shí)間等待聯(lián)接成功。
在設(shè)備上用JavaScript的matchMedia查詢來代替CSS media queries,你知道這些內(nèi)容是不會(huì)變化的。例如,大家都知道iPhone不能動(dòng)態(tài)的轉(zhuǎn)換成iPad的規(guī)格,所以我們只在正在需要CSS時(shí)才用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • wanfor|2015-03-03|交互設(shè)計(jì),網(wǎng)頁重構(gòu),視覺設(shè)計(jì) 譯前言:2015年響應(yīng)式設(shè)計(jì)趨勢(shì)的延續(xù),也將帶來...
    楚木風(fēng)起閱讀 703評(píng)論 0 3
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,114評(píng)論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,430評(píng)論 0 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,125評(píng)論 1 92
  • 月亮悄悄地爬上床 山巒輕輕地披上紗 晚風(fēng)哼著輕快的調(diào)子 星星蕩漾打著節(jié)拍 漁人解開魚鷹的頸圈 魚鷹呆呆蹲在船舷 也...
    初五閱讀 19,947評(píng)論 7 8

友情鏈接更多精彩內(nèi)容