微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 无论页面缩放如何,如何为移动设备制作相同尺寸的CSS菜单?

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

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

这只能用CSS吗?或者是否需要一些JavaScript?或者一般来说不可行吗?

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

无论浏览器缩放如何,这都是恒定大小的?

解决方法

使用相对大小并以字母方式更改字体大小

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

您还可以使用CSS3 scale属性

更新后的版本:

使用dinamic paddings和窗口居中:
http://jsfiddle.net/tQauj/22/

原文地址:https://www.jb51.cc/js/157550.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐