放大/缩小是否与更改分辨率相同？

Question

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

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

我的问题 - 当我缩放超过100％时，img和button元素变得更大，搜索栏看起来更乱。

我的问题 -

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

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

Answer 1

缩放有点像响应

将此项添加到标题中以防止在移动设备上缩放，以便您的网站看起来像应用。

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