ratina 視網膜螢幕解決方案大全

第三方教程

知乎

https://

# 官網

使用方式：

準備兩張：logo.png 和 [email protected]

# 方式一：指定2倍/3倍

<
a class
="logo ir"
href
="./index.php"
title
="微餐時代logo"
>
<
img 
src="assets/images/common/logo.png"
data-rjs
="2"
alt="微餐時代logo"
width
="140"
height
="44"
>
a>

# 方式二：指定路徑

<
a class
="logo ir"
href
="./index.php"
title
="微餐時代logo"
>
<
img 
src="assets/images/common/logo.png"
data-rjs
="assets/images/common/[email protected]"
alt="微餐時代logo"
width
="140"
height
="44"
>
a>
# 方式三：通過style指定路徑

ps:沒有mac電腦怎麼除錯？開啟谷歌瀏覽器的devtool 工具並且切換到iphone系列的模式重新整理即可模擬mac作業系統

然而，通過js來切換還是有缺陷的，就是會先載入window（模糊版），再載入ios（高畫質版）。解決方案是使用background-images + @media

.ir@media all and (-webkit-min-device-pixel-ratio: 1.5),

all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) }

視網膜螢幕

解析度跟畫素點關係是2倍關係的有 4，4s，5,5s，se，6,6plus 6splus iphone 5 採用4英吋視網膜屏,開發者介面解析度是320 568，實際 螢幕中畫素點 為640 1136，也就是1 2關係，我現在有一張400 400解析度的，在普通螢幕中400 400寬高顯示，在1 2...

Android多螢幕適配解決方案

一 重要概念 詳見 1 螢幕尺寸 解析度 畫素密度 大小單位 mdpi hdpi xdpi xxdpi用來修飾drawable和values資料夾，用來區分不同畫素密度下的和dimen的值。二 解決方案 1 使用wrap content match parent weight，著重講解linearl...

mysql 解決方案 Mysql解決方案

mysql解決方案 一 centos7安裝mysql5.7 wget rpm uvh mysql80 community release el7 3.noarch.rpm yum repolist all grep mysql 發現預設mysql8.0是預設安裝的，然而我們要安裝的是mysql5.7...