我的 HTML 流畅网站无法在 iPhone 4/S/5 和 iPad 设备上正确缩放。我的最小容器 div 比例设置为 480px。我不明白为什么它不能正确缩放。可能在我的元数据中:initial-scale=1.0?
jsfiddle在这里:http: //jsfiddle.net/CtPpg/2/
我的 HTML 流畅网站无法在 iPhone 4/S/5 和 iPad 设备上正确缩放。我的最小容器 div 比例设置为 480px。我不明白为什么它不能正确缩放。可能在我的元数据中:initial-scale=1.0?
jsfiddle在这里:http: //jsfiddle.net/CtPpg/2/
难道你正在为你的最小宽度设置一个像素宽度?如果我错了,请纠正我,但它应该是一个百分比值,以使其真正流动。
ipad 的最大设备宽度为 1024,而 iphone 的最大设备宽度为 480 像素。您可能需要使用媒体查询来处理这两个设备。
平板电脑:@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
苹果手机:@media only screen and (max-device-width: 480px) {
看看这个jsfiddle
变化:
max-width: 480px;
/*max-width: 800px; #### set your max width here #### */