我遇到了responsive.css / template.css的问题。我正在为一个网站做响应,除了767px-768px之外,所有尺寸似乎都能正常工作。我做了很多改变,比如改变宽度等等,没有任何改变。我尝试了像背景粉红色一样的东西,什么也没发生。
好像iPad看不到尺寸768px-767px。
我同时拥有iPad和谷歌Chrome的Re-sizer,但尺寸相同但略有不同。
有什么建议吗?
答案 0 :(得分:1)
首先尝试调整浏览器窗口大小以查看其是否存在ipad问题,或者这是与您的媒体查询相关的问题。除此之外,您还可以检查两个元标记:
1 - 将调整视口以将您的内容显示为小屏幕(而不是基于像素,因为ipad有很多像素):
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
2 - 将声明您的css表将用于所有类型的媒体:
<link rel="stylesheet" href="style.css" media="all">
如果这根本不起作用,请再次检查您处理媒体查询的方式,以及布局是否因较小的尺寸而分开,例如浮动和显示混乱。除此之外,你可能需要ipad显示内容的特定标签(我现在不记得,但你可能很容易找到)。
希望这有助于解决基本问题。