flexible.js是淘寶推出的一款移動端手機自適應的庫,源碼內容很簡潔,當網頁使用了該庫之後,頁面會在head中加入對應的頁面響應式的meta標簽。 當使用flexible.js的時候,引入百度聯盟的廣告代碼,會發現廣告的文字會異常小,因為本身自己項目文字字型大小是根據data-dpr來響應式判斷顯 ...
flexible.js是淘寶推出的一款移動端手機自適應的庫,源碼內容很簡潔,當網頁使用了該庫之後,頁面會在head中加入對應的頁面響應式的meta標簽。
當使用flexible.js的時候,引入百度聯盟的廣告代碼,會發現廣告的文字會異常小,因為本身自己項目文字字型大小是根據data-dpr來響應式判斷顯示不同大小的,而百度聯盟廣告的直接按預設那像素顯示。經過層層試驗發現,字體顯示大小和頁面縮放比例有關係,這裡需要修改一下flexible.js的源碼,如圖
如圖,把原來的scale=1/dpr改為scale=1,發現頁面中字體大小顯示等都沒有影響,但是百度聯盟的廣告文字可以正常顯示了。
如果頁面沒有使用flexible.js,使用了我以前文章寫過的一段移動端自適應代碼,這裡把750按邏輯像素414 寫就可以正常展示。