我有一个快速响应的网站。我添加到所有页面:
<meta name="viewport" content="width=device-width, initial-scale=1">
在我的CSS中我有:
html {
font-size: 93.75%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
我正在使用Chrome(50.0.2661.94(Versãooficial)64位)测试我的网站,我的屏幕大小为:
console.log(screen.width) // 1920
和
console.log(window.innerWidth) // 1920
console.log(window.devicePixelRatio) // 1
我的缩放级别是100%,网站很完美!
但是当我在朋友的屏幕上看到相同的页面时,它太大了!他的浏览器是Chrome(50.0.2661.94(Versãooficial)64位),它与我的相同。当我放大150%时,我可以看到他看到的相同方式。当他缩小75%时,他可以像我一样看到这个网站。他的屏幕规格是:
console.log(screen.width) // 1360
和
console.log(window.innerWidth) // 1360
console.log(window.devicePixelRatio) // 1
我不知道如何解决这个问题...