javascript - 放大/缩小与更改分辨率相同吗？

Question

我有一个由 3 个元素组成的搜索栏。

• 首先 a 保存从下拉列表中选择的值。
• 第二个<img>清除选择的元素
• 第三个<button>供用户在下拉菜单之间切换。

我的问题 - 当我缩放超过 100% 时，img 和按钮元素变大了一点，搜索栏看起来乱七八糟。

我的问题 -

1. 即使我们缩放，如何使所有三个元素看起来像一个元素？
2. 放大/缩小是否与更改分辨率相同？

如果是，那么我或许可以利用媒体查询来解决问题。

Answer 1

缩放有点像响应式

将此添加到页眉以防止在移动设备上缩放，这样您的网站看起来就像一个应用程序。

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />