放大/缩小与更改分辨率相同
Is zooming in/out same as changing resolution?
我有一个由3个元素组成的搜索栏。
- 第一个a用于从下拉列表中保存选定的值
- 第二个用于清除选择的
<img>
元素 - 第三个
<button>
供用户在下拉列表之间切换
我的问题是,当我放大到100%以上时,img和button元素会变大一点,搜索栏看起来杂乱无章。
我的问题-
- 即使我们缩放,如何使这三个元素看起来都像一个元素
- 放大/缩小是否与更改分辨率相同
如果是,那么我可能可以利用媒体查询来解决问题。
zoom有点像响应
将此添加到标题中,以防止在移动设备上进行缩放,使您的网站看起来像一个应用程序。
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 检测图像分辨率
- 如何在d3上的图形中添加放大和缩小按钮
- AmCharts缩小事件
- 我需要iframe的内容像动画一样展开,填满整个屏幕并缩小到原来的大小
- 在手机上缩小/缩放滚动图像
- 如果状态不匹配,则缩小为丑陋
- 引导模式缩小动画
- 如何根据分辨率添加像素
- 使用源映射在Visual Studio中调试缩小的JavaScript
- 在不同的屏幕和分辨率上跟踪鼠标并将其关联起来
- 我应该连接/缩小已经缩小的JS/CSS吗?如果是,如何
- UglifyJs用于JSON缩小的JavaScript API
- 悬停时显示更高分辨率的图像
- 根据屏幕分辨率显示自定义背景图像
- 如何使图像适合TD,而不需要包装在不同的屏幕分辨率上
- 创建缩放功能当我们点击签署整个页面获得缩放,当我们点击-签署它获得缩小
- 缩小并更改滚动时的背景导航栏
- 全屏图像,边框根据设备分辨率而缩小
- 放大/缩小与更改分辨率相同