Macbook视网膜显示器打破了网站

时间:2014-07-23 18:27:55

标签: html css responsive-design retina-display

我目前正在本地开发一个网站(否则,我会直接链接到它),我正在对一些设备进行最后的调试。我遇到的问题是,在带有Retina显示屏的Macbook Pro上,它会强制整个网站的分辨率更小。

这是Windows桌面上的样子: Standard Desktop

以下是它在Macbook Pro上的作用: enter image description here

我之前没遇到过这个。我不确定我在这里缺少什么。如果我还需要提供其他任何内容,请告诉我。

不确定是否值得一提,但这是它给我一个问题的唯一设备。它对android和ios平板电脑和手机做出了正确的响应。

其他可能值得注意的事情; 我的断点如下:

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

我的元视口是:

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

提前感谢您提供的任何帮助, BC。

1 个答案:

答案 0 :(得分:0)

很抱歉任何想要帮助的人都会感到困惑。值得一提的是Macbook Pro是一台13英寸的笔记本电脑,我已经意识到视网膜的宽度可以扩展到1280像素。我觉得它更大,我们还在开发平板电脑版本

如果我浪费了任何人的时间,我道歉。

感谢那些试图提供帮助的人, BC。