查看移动设备上的完整分辨率

我一直在多个网站上，其中onload在哪里缩小网站以保持分辨率，从而停止移动页面上的重叠。查看移动设备上的完整分辨率

林不知道我正确解释我的问题。由于我是新成员，因此我会添加链接以区别差异。

我已经尝试了一些css3媒体查询和我在网上找到的一些meta标签，但目前没有任何工作适合我。

你可以从下面的图片有与推动内容太远给人一种压扁的外观导航栏重叠见。 http://conorpendlebury.com/Images/Screenshot.png

您是否试图让#Sidebar与#MainContent和#Footer重叠时激活，而#Bio不会挤压？

如果是这样，让你的#MainContent和#Footer与position: relative和z-index: -1和消除任何正在同时激活他们的marginLeft等于document.getElementById('Sidebar').style.width。

如果您打算让它压扁，您需要重新计算并重新应用css到#MainContent和#Footer的函数。

2016-11-14 08:45:57

我其实喜欢桌面网站上的过渡。这是手机问题。我正在寻找一种方法，可以将移动版本缩小为将其描绘为桌面，或者只是重叠而不是挤压移动设备。 –

在小屏幕上弄脏内容可能会成为用户体验问题，因为他们可能无法读取任何太小的内容。除非手机处于横向模式，否则移动版本的桌面布局将无法正常工作。 –

是否有一种可能的方式来改变只是移动。媒体查询等... –

要构建一个offcanvas导航，您将页面设置为translateX导航的大小。所以容器保持宽度。这里是example。

可以在没有JavaScript的情况下对其进行编码。

2016-11-13 23:50:00

回答