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

Is zooming in/out same as changing resolution?

本文关键字:分辨率 缩小 放大      更新时间:2023-09-26

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

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

我的问题是,当我放大到100%以上时,img和button元素会变大一点,搜索栏看起来杂乱无章。

我的问题-

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

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

zoom有点像响应

将此添加到标题中,以防止在移动设备上进行缩放,使您的网站看起来像一个应用程序。

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