Javascript 如何使移动设备的CSS菜单在不考虑页面缩放的情况下保持相同的大小？
我想为移动设备创建一个上下文菜单，在页面内容上弹出，并用按钮列表填充部分屏幕。这很简单 但是，我希望菜单的大小和位置保持不变，无论页面在设备上的缩放位置/方式如何。因此，每当调用菜单时，即使用户非常放大，按钮列表也会显示相同的大小。换句话说，我想模仿手机上已有的菜单功能，比如Chrome mobile beta版的选项菜单 仅使用CSS就可以做到这一点吗？还是需要一些JavaScript？还是总体上不可行 换句话说，是否可以制作类似于刷新/etc菜单的菜单：Javascript 如何使移动设备的CSS菜单在不考虑页面缩放的情况下保持相同的大小？,javascript,html,css,Javascript,Html,Css,我想为移动设备创建一个上下文菜单，在页面内容上弹出，并用按钮列表填充部分屏幕。这很简单 但是，我希望菜单的大小和位置保持不变，无论页面在设备上的缩放位置/方式如何。因此，每当调用菜单时，即使用户非常放大，按钮列表也会显示相同的大小。换句话说，我想模仿手机上已有的菜单功能，比如Chrome mobile beta版的选项菜单 仅使用CSS就可以做到这一点吗？还是需要一些JavaScript？还是总体上不可行 换句话说，是否可以制作类似于刷新/etc菜单的菜单： 无论浏览器缩放如何，大小都是恒定的
无论浏览器缩放如何，大小都是恒定的？您应该能够使用CSS中的绝对和/或固定位置属性来实现这一点。
下面是一个CSS示例，展示了如何保持菜单的大小和位置不变： 不幸的是，您似乎无法如此轻松地控制字体大小，主要是因为要确定缩放级别实际上相当复杂：
您最好看看是否有一种方法可以使用各种移动浏览器API中的函数来生成上下文菜单，但如果没有，您可能可以从我上一段中链接的问题中找出一些东西。使用相对大小并手动更改字体大小 简单演示：（调整结果窗口大小） 还可以使用CSS3比例特性 更新版本： 带dinamic衬垫和窗中心：
position:fixedposition:fixed