7

我想为移动设备创建一个上下文菜单，它会在页面内容上弹出并用按钮列表填充屏幕的一部分。这很简单。

但是，无论页面在设备上的位置/方式如何缩放，我都希望菜单具有相同的确切大小和固定位置。因此，无论何时调用菜单，即使用户非常放大，按钮列表也会显示为相同大小。换句话说，我想模仿手机上已经存在的菜单的功能，例如 Chrome Mobile beta 的选项菜单。

这可能只用CSS吗？还是需要一些 JavaScript？还是一般情况下不可行？

换句话说，是否可以制作这样的菜单 Refresh/etc 菜单：

在此处输入图像描述

无论浏览器缩放如何，它都是恒定大小的？

4

3 回答 3

4

使用相对大小并动态更改字体大小

简单演示： http: //jsfiddle.net/tQauj/3/（调整结果窗口大小）

你也可以使用 CSS3 scale 属性

更新后的版本：

动态填充和窗口居中：http:
//jsfiddle.net/tQauj/22/

于 2012-07-25T15:18:00.837 回答
0

您应该能够使用 CSS 中的绝对和或固定位置属性来执行此操作。 http://www.w3schools.com/cssref/pr_class_position.asp

于 2012-07-25T14:04:38.377 回答
0

这是一个带有一些 CSS 的示例，显示了如何使菜单保持相同的大小和位置：http: //jsfiddle.net/ZfKyj/2/

不幸的是，您似乎无法如此轻松地控制字体大小，主要是因为确定缩放级别实际上非常复杂：如何检测所有现代浏览器中的页面缩放级别？

您最好看看是否有一种方法可以使用各种移动浏览器的 API 中的函数来生成上下文菜单，但如果没有，您可能能够从我上一段中链接的问题中找出一些东西。

于 2012-07-25T14:05:24.947 回答