我的問題有兩方面。首先,this page上的文本區域重疊when displayed on a Retina Display。如何修改HTML/CSS以在Retina低分辨率顯示上獲得一致的間距? 其次,我自己沒有Retina顯示屏。我一直無法通過在Chrome或FF上自定義像素比例來重現問題。是否有其他選項可能允許我在截圖中重現結果? HTML和CSS的「客戶」文本區域和相鄰的容器的CSS如下
我試圖尋找一種方法來分析視網膜顯示與正常顯示轉換率,但我無法找到正確的變量來檢查設備是否使用視網膜顯示。我在很多論壇上搜索過,由於GTM的變化,帖子要麼太舊(2010年以後),要麼已經過時。 有誰知道是否有可能在GTM中跟蹤設備分辨率? 如果您要回答指向的鏈接,請確保您閱讀了整個解決方案的描述,因爲我經歷了很多,並且他們都被證明是錯誤的或不可能實現的,原因是我前面提到過。 我找到了this ans
目前我正在爲使用Retina Ready Coding的網站工作。視網膜顯示屏(新iPad)的分辨率爲2048 x 1536像素,而普通iPad/Tab的分辨率爲1024x768像素。按照視網膜定律,每當使用體寬度/容器寬度1536px在 @media only screen and (min-device-width: 768px) and (max-device-width : 1024px)