Question

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

它在我测试过的所有设备上以及不同显示器的Chrome模拟上显示OK。

除外 - 客户端使用联想Thinkpad T450，显示屏为1366 x 768像素。在Chrome上，显示屏的打印尺寸大约为预期尺寸的四分之一。在同一台机器上使用IE，它显示OK！见下面的screendump

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

我很感激有关原因和解决方案的建议

Display as intended Display on Thinkpad/Chrome

Answer 1

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

Answer 2

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

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

Answer 3

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

这样的布局

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

3 个答案: