网站显示缩小 - 仅在笔记本电脑上的 Chrome 上答案

【问题标题】：Website display shrinks - only on Chrome on a laptop网站显示缩小 - 仅在笔记本电脑上的 Chrome 上
【发布时间】：2018-07-09 07:38:05
【问题描述】：

我正在开发这个网站：https://angharadportraits.com/

它在我测试过的所有设备上以及不同显示器的 Chrome 仿真器上都显示正常。

除了 - 客户端使用 Lenovo Thinkpad T450，显示屏为 1366 x 768 像素。在 Chrome 上，显示器看起来会被压缩到预期尺寸的四分之一左右。在同一台机器上使用 IE 显示 OK！请参阅下面的屏幕转储

它在 Wordpress 中。最初我基于二十七模板，但由于问题，我在二十三重建它，结果完全相同。

不胜感激有关原因和解决方案的建议

Display as intended Display on Thinkpad/Chrome

【问题讨论】：

标签： css wordpress google-chrome

【解决方案1】：

尝试将您的视口设置更改为<meta name="viewport" content="width=device-width,height=device-height,minimum-scale=1,maximum-scale=1, , user-scalable=0"> Lenovo Thinkpad T450 可能正在缩放页面。

如果您还没有视口标签，您可以在<head> 和</head> 标签之间添加上面的代码。

【讨论】：

不知道为什么人们对此投了两次反对票，但没有解释。但@Sam Johnson 的回答可能是正确的。但是您可能想这样做，这样他们就无法扩展，这也会解决问题。
感谢您删除它:)

【解决方案2】：

https://angharadportraits.com/how-it-works/

我检查了此链接并从我的电脑缩小屏幕并检查您编写的 css 代码原因和问题检查此链接代码您有最大宽度问题的地方。您添加了子主题，我看到这条 css 131 行添加这样的

.entry-content {
    width: 60%;
    margin-left: 0;
    max-width: 100%;
}

你可以看到这样的布局https://www.awesomescreenshot.com/image/3137593/8d6459e40aec6c2a5f19a4f00d0b5379

【讨论】：

【解决方案3】：

客户端在其 Chrome 浏览器上被缩小。（注意 URL 地址栏右侧的放大镜）。

【讨论】：

谢谢 Sam - 我终于收到了客户的回复，这就是解决方案。踢自己没有注意到它！还要感谢@Jeremy - 好主意。