tablet/phone 屏幕上的网站页面仅显示左上角(需要:页面已最小化以适合屏幕并且可以缩放)

website page on tablet/phone screen displays only a upper left corner ( wanted: page is minimized to fit the screen and can be zoom-ed)

当我从平板电脑或 phone 打开我的网站时,它只显示页面的一部分:右上角,无法向右滚动以查看所有内容。我知道要在小屏幕上正确显示应该更改模板并优化它的响应度,但大多数网站即使它们没有响应,它也会显示整个页面(页面最小化以适合屏幕并且可以增加)。谁能告诉我是什么导致了这个错误,解决方案是什么?

我的网站:http://kino5plus.ru

在平板电脑上的显示方式:http://mobiletest.me/amazon_kindle_fire/1199279

如果您想让它无响应,请先删除 元内容="width=device-width, initial-scale=1.0" 名称="viewport" class="viewport" 在你的头标签中。删除 .page-box 上的 'overflow:hidden' 以便您可以滚动页面。然后,当然,您需要更改整个站点的模板结构和 CSS 样式。