Html 块大小外观

我的主要网站是： 我的测试版网站是：

这两个网站都是使用Blogger创建的 在Macbook上运行最新的Chrome版本

Blogger上的屏幕宽度设置为960像素，两个站点上都有276像素的侧边栏

为了建立测试站点，我从主站点复制了代码。我假设结果块大小相同。事实并非如此

在新的测试版网站上，所有文本和块大小似乎都缩小了20%。唯一没有改变的是背景图像。这两件衣服的尺码都一样。巧合的是，主站点在其他浏览器上也出现了收缩。这两个站点在浏览器上显示的大小可能相同

也许我在Macbook上的主要站点就是这个异常

有人认为视口标记可能是罪魁祸首。据我所知，viewport与页面在不同屏幕大小的设备上的显示方式有关。在我的情况下，我在同一台计算机上使用相同的浏览器

是什么造成了这种差异

---

谢谢。

我不确定，但您是否尝试设置视口元标记

<meta name="viewport" content="initial-scale=1">. 

---

这是我关于视口的代码：也许你的思路是对的。我对视口设置进行了修改，但到目前为止没有任何更改。请阅读viewport meta的规范文档。我不确定。但我想这就是原因。视口不适合台式机，只适合手机等便携式设备，而不是笔记本电脑。我说我不确定。Thanx Martinjn.：我得问一下，确定变焦没有错吗？在两个网站上按ctrl+0将缩放设置为标准。对我来说，FF 25Oh上的两个侧边栏都是相同的，并且视口是用于移动设备，而不是桌面浏览器：缩放在这两个浏览器上都是相同的。谢谢我已经检查了工作中的网站，FF25工作正常，IE8工作正常，Chrome工作正常：除非我看错了东西，否则你的问题是本地的