Safari的移動模糊比例尺

-3

我有一個面板，應該繪製漂浮在正常的html頁面。
此對象是在DOMloaded事件上動態創建的，並根據頁面縮放級別縮放以適應當前屏幕分辨率。
爲了獲得我們必須縮放的元素，因爲我們修復了寬度和高度。
非移動友好網站的比例總是大於1.它似乎適用於所有瀏覽器，Safari瀏覽器除外，其中浮動面板很模糊。
我該如何解決這個問題？Safari的移動模糊比例尺

來源

2016-03-03 Nazzareno

你測試都在iPhone的瀏覽器？ – xpy

在所有其他瀏覽器上運行良好。 – Nazzareno

是的，但是您是否在iPhone，桌面或其他移動設備上測試它們？ – xpy

它是設備，而不是瀏覽器。 iPhone擁有視網膜顯示屏，簡而言之，這意味着像素倍增。字體，邊框和其他CSS樣式可以放大，但圖像被拉伸，這就是圖像顯得模糊的原因。

解決這個問題的最簡單的方法是使用一個更大的圖像

當然，這具有以下缺點：嗯......你將使用更大的圖像對所有設備/瀏覽器，即使你不」你需要一個。當然，還有很多其他方法可以解決這個問題。

這裏是一個起點：

https://www.smashingmagazine.com/2012/08/towards-retina-web/

http://www.mightybytes.com/blog/make-retina-images-website/

來源

2016-03-04 10:36:42 xpy

Safari的移動模糊比例尺

回答

相關問題