我正在尝试采用一个旨在响应并使其“无响应”的模板。
http://myhurlburt.com/NEW/bowling.php
页面宽度设置为 960px。当我在 iPad 或 iPhone 上查看时,您必须滚动到一侧才能看到整个页面。你知道我的 CSS 是什么造成的吗?我希望整个网站“适合”浏览器,这样用户就不必滚动到一边。
我正在尝试采用一个旨在响应并使其“无响应”的模板。
http://myhurlburt.com/NEW/bowling.php
页面宽度设置为 960px。当我在 iPad 或 iPhone 上查看时,您必须滚动到一侧才能看到整个页面。你知道我的 CSS 是什么造成的吗?我希望整个网站“适合”浏览器,这样用户就不必滚动到一边。
将无响应的站点更改为响应站点是一项艰巨的工作。
但是你可以尝试这样的事情来开始.. .wraper 目前的宽度设置为 960px。
.wraper{
width:100%;
max-width:960px;
}
使用 % 表示宽度、高度和其他边距。也使用媒体查询。如果没有,做 zoom:1(2,3 or something);
首先使用扩展网站min/max widths
并另外使用percentages
而不是px
.