我想为移动设备创建一个上下文菜单,弹出页面内容并使用按钮列表填充部分屏幕.这很简单.
但是,无论页面在设备上的缩放位置和方式如何,我都希望菜单具有相同的大小和固定位置.因此,无论何时召唤菜单,即使用户非常放大,按钮列表也会显示相同的大小.换句话说,我想模仿手机上已存在的菜单功能,例如Chrome Mobile beta的选项菜单.
这只能用CSS吗？或者是否需要一些JavaScript？或者一般来说不可行吗？
换句话说,是否可以制作像这样的Refresh / etc菜单的菜单：
无论浏览器缩放如何,这都是恒定大小的？
解决方法
使用相对大小并以字母方式更改字体大小
简单演示：http://jsfiddle.net/tQauj/3/(调整结果窗口大小)
您还可以使用CSS3 scale属性
更新后的版本：
使用dinamic paddings和窗口居中：
http://jsfiddle.net/tQauj/22/
