在1024px屏幕上显示1900px页面

Question

我在https://zackel.com/50/a0.html有一个1900像素宽的网页，我希望能够在较小的屏幕上尽可能智能地显示，例如1024 x 768.如果你现在在1024-显示页面宽屏幕左侧被切断，没有滚动条可以看到它。

我一直在使用

http://www.infobyip.com/testwebsiteresolution.php?url=https%3A%2F%2Fzackel.com%2F50%2Fa0.html&width=1024&height=768&in_browser=true

在各种屏幕上查看页面。

如何让浏览器向左滚动以查看其中的Box 1和Box 2内容？

或者我需要对HTML / CSS做些什么才能让它在加载到较小屏幕时进行调整？

由于

Answer 1

你需要一个响应/流畅的宽度设计，如果你偶然使用firefox，你可以通过按CTRL + SHIFT + M

更改浏览器窗口的分辨率

一些可能对您有帮助的响应式HTML5框架 -

• http://foundation.zurb.com/
• http://getbootstrap.com/