Macbook視網膜顯示打破網站

我目前正在本地開發一個網站（否則，我會直接鏈接到它），我正在一些設備上做最後的調試。我遇到的問題是，在具有Retina顯示屏的Macbook Pro上，它強制整個網站的分辨率更低。Macbook視網膜顯示打破網站

下面是它看起來像在Windows桌面上： Standard Desktop

下面是它在做什麼在MacBook Pro上： enter image description here

我還沒有遇到過這一點。我不確定我在這裏錯過了什麼。讓我知道是否還有其他需要提供的內容。

不知道是否值得一提，但這是它給我帶來問題的唯一設備。它正確響應android和ios平板電腦和手機。

其他可能值得注意的事情; 我的斷點如下：

$S:  320px; 
$M:  768px;  
$L:  1170px;

和我的中繼檢視點是：提前提供， BC任何幫助

<meta name="viewport" content="initial-scale=1, user-scalable=no">

感謝。

來源

2014-07-23 itsbc

您應該提供的圖標，該行和容器中的HTML和CSS它的英寸 – FakeRainBrigand

檢查您的瀏覽器變焦是100％ – jtorrescr

@FakeRainBrigand我只發佈了一個圖像到該部分，因爲這是問題出現的最明顯的地方，但是，這是整個Macbook Pro「放大」的網站。這是一個鏈接到我用該容器和圖標設置的小提琴。現在有點混亂，因爲我一直在試圖弄清楚發生了什麼。我目前正在嘗試使用最大寬度：978px查詢來簡化它。 – itsbc

對不起，試圖幫助任何人的困惑。值得一提的是，Macbook Pro是一款13英寸筆記本電腦，我已經意識到視網膜可以縮小到1280像素的寬度，我覺得它的體積更大，我們仍然在開發平板電腦版本。

我道歉，如果我已經浪費任何人的時間。

謝謝那些試圖幫助， BC的人。

來源

2014-07-24 16:21:24 itsbc

Macbook視網膜顯示打破網站

回答

相關問題