監(jiān)控大屏之瀏覽器大小屏適配的方法

發(fā)布時(shí)間：2018-03-13 15:54:05 點(diǎn)擊：次

 分到為我們的客戶端產(chǎn)品做一個(gè)下載頁面。設(shè)計(jì)師分別給了大屏和小屏的切圖，那么問題來了，如何根據(jù)屏幕的大小顯示不同的圖片？這個(gè)之前沒做過，一個(gè)同事提示，用js獲取瀏覽器的大小，動態(tài)替換圖片。方法肯定可行，但是感覺很麻煩。產(chǎn)品經(jīng)理要求做成跟QQ下載頁相似的效果。為何不去研究下QQ下載頁的方法呢？

   在筆記本和臺式機(jī)上打開QQ的下載頁，審查元素，大屏用的大圖，小屏用的小圖。他們引用的css文件不一樣。小屏引用的css文件頭有這樣的代碼：