我正在开发一个有几个GUI组件的小游戏。我有一点麻烦,想出一个好的设计,可以支持一个最小规格为768x1024和最大规格1200 x 1920。
我设计的一个例子:我有一个列表组件,它拥抱右上角。当浏览器调整大小时,我会滑动组件,使其始终远离浏览器的边缘5个像素。一旦舞台达到最小尺寸(1024的宽度),我就停止滑动GUI,否则它将开始与左边的其他GUI重叠。这似乎是一种类似于Farmville和其他流行的闪存游戏如何处理他们的GUI(他们保持相同的规模对所有的决议,只翻译他们,以保持他们的中心和什么不)。
如果我知道min规范总是有768x1024,那么我可以处理这个问题,但问题是很少会出现这
我把这个固定的菜单栏放在页面的左边。但是,如果窗口不够高,不能同时显示所有项目,我希望隐藏菜单项。修复的菜单栏有一个溢出隐藏,以避免滚动条。我当前的脚本做得很好,但它将变得很长,因为我可能有大约30个不同的菜单项,这意味着它将需要许多if/else语句来执行此操作。每次调整窗口大小时,我都会执行此函数。
function resizeMenu() {
var win_h = $(window).height();
if (win_h < 220) {
$('div.list_item_btn').show().slice(1).hide()