我正在尝试重新创建一个可以将 html 页面(而不是浏览器窗口)调整为不同大小的菜单,以便“显示”响应代码的工作方式。你可以去这个页面看看我的意思:
http://switcher.oklerthemes.com/?theme=Porto
我正在尝试重新创建上层菜单,即带有“设备图像”的菜单,但我不知道该怎么做,而且我可以找到有关此的任何有用信息。有人知道吗?
最佳答案
一个想法是将您的所有代码包装在具有类 .container
的 div 中,其唯一的工作就是设置宽度。然后对于每个按钮,使用 javascript 调整 .container
的宽度。
这里有一个使用 jQuery 的想法:
$('#1').click(function(){
$('.container').css('width', '100%')
});
还有一个 fiddle 来演示(注意我为此使用了 jQuery):http://jsfiddle.net/md98h19c/1/
关于javascript - 如何根据 <div> 宽度而不是设备宽度创建响应式内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32750236/