浏览器放大/缩小是否与不同的屏幕尺寸相同？

Question

我对网站响应不同的屏幕尺寸有疑问。如果放大/缩小浏览器屏幕大小与在不同屏幕大小的设备上打开网站相同，我一直在徘徊吗？我还注意到，在较大的屏幕上，我的网页看起来非常完美，但是将其缩小会使我的图像彼此远离，并在图像之间留出空白。那应该是吗？如果有人可以帮助我理解它，我将不胜感激。谢谢：）

Answer 1

据我所知，不同设备上的浏览器缩放和屏幕尺寸会有所不同。

我也不认为浏览器缩放可以为您提供可靠的分辨率值。最重要的是，网站可以根据调用它的设备来决定提供不同的网站或样式。通常可以使用例如User Agent Strings在许多方法中。

如果您想在浏览器中测试移动设备，请考虑使用Chrome开发工具。 They have great options for testing mobile。

Answer 2

浏览器缩放与不同的屏幕尺寸不同。

您可以将其与要打印的图像进行比较。 如果您使用放大镜，则图像看起来会比实际的要大，但物理尺寸仍然相同。

如果您将其打印在更大的纸上，则实际上会更大。 对于响应式设计，我认为缩放不会有任何帮助。

开发工具更适合此用途，因为您可以根据需要调整网站的大小。
例如，Firefox还提供了一些模拟实际屏幕尺寸的设置。 我鼓励您使用Firefox，因为开发工具非常棒。

有些屏幕显示了如何在Firefox中测试响应式设计。 自定义分辨率

模拟iPad Mini 2屏幕

如果您想创建响应式设计，我也鼓励您看一下CSS Grid，因为它使构建响应网站变得非常容易。

链接到Firefox开发工具：[LINK]

Answer 3

不一样。

在现代浏览器中实现的缩放只不过是“扩展”像素而已。也就是说，元素的宽度不会从128像素更改为256像素。相反，实际像素的大小增加了一倍。从形式上讲，即使元素占用256个设备像素的空间，它的宽度仍为128 CSS像素。

换句话说，缩放到200％可使一个CSS像素增长到一个设备像素大小的四倍。 （宽度的两倍，高度的两倍，总共产生四倍）。

要了解有关缩放时会发生什么的更多信息，请查看此答案

https://stackoverflow.com/a/40149173/7257502