我已经在多个网站上进行了onload，网站缩小以保持分辨率，从而阻止移动页面上的重叠。
我不确定我是否正确解释了我的问题。由于我是新成员，我将添加差异的链接。
我已经尝试了一些css3媒体查询和我在网上找到的一些meta标签，但目前没有什么对我有用。
以下是我网站的链接： http://conorpendlebury.com/
从下图中可以看出，导航栏与内容重叠，导致内容过于狭窄。 http://conorpendlebury.com/Images/Screenshot.png
答案 0 :(得分：0)
要构建离线扫描导航，请将页面设置为translateX导航的大小。所以容器保持宽度。 这是example。
可以在没有JavaScript的情况下编写代码。
答案 1 :(得分：0)
在#Sidebar不会挤压时，您是否试图让#MainContent与#Footer和#Bio重叠？
如果有，请使用#MainContent和#Footer制作position: relative和z-index: -1，并删除使marginLeft等于document.getElementById('Sidebar').style.width的所有内容激活。
如果您打算将其压扁，则需要一个函数来重新计算并重新应用css到#MainContent和#Footer。
