Question

我正在尝试重新创建一个菜单，可以将html页面（不是浏览器窗口）调整为不同的大小，以“显示”响应代码的工作方式。你可以到这个页面看看我的意思：

我正在尝试重新创建上层菜单，其中包含“设备图片”，但我不知道如何操作，我可以找到有关此内容的任何有用的信息。有没有人有任何想法？

Answer 1

一个想法是将所有代码包含在具有类.container的div中，其唯一的工作是设置宽度。然后，对于每个按钮，使用javascript调整.container的宽度。

这是使用jQuery的想法：

$('#1').click(function(){
    $('.container').css('width', '100%')
});

和一个小提示演示（注意我正在使用jQuery）：http://jsfiddle.net/md98h19c/1/