无响应的网站不会调整大小以适应移动浏览器

Question

我正在尝试使用一个旨在响应并使其“无响应”的模板。

http://myhurlburt.com/NEW/bowling.php

页面宽度设置为960px。当我在iPad或iPhone上查看时，您必须滚动到一侧才能看到整个页面。你知道我的CSS导致了什么吗？我希望整个网站“适应”浏览器，这样用户就不必滚动到一边。

Answer 1

将无响应的网站更改为响应式网站是一件很重要的事。

但你可以试试这样的东西开始...... .wraper目前的宽度设置为960px。

.wraper{ width:100%; max-width:960px; }

Answer 2

使用％表示宽度，高度和其他边距。也使用媒体查询。如果没有，请缩放：1（2,3或其他）;

Answer 3

首先使用min/max widths扩展网站，然后使用percentages代替px。