我正在使用WordPress开发网站。该网站位于中心,宽度为1044像素。在桌面浏览器上,所有功能均按预期工作,但是当我在iPad上进行检查时,该设计在右侧被切断(使用两种iPad方向),我必须滑动才能查看全部内容。
http://oscarciutat.com/reciclar/home/
我添加了以下CSS规则,但没有成功:
body {
min-width: 1044px;
}
如果添加以下元标记,问题会恶化:
<meta name="viewport" content="width=device-width" />
关于我在这里做错什么的任何想法吗?我尝试的每种解决方案都行不通。
提前致谢
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- You can change the initial-scale to make it fit --->
尝试使用上面的方法,应该可以使它起作用。
如果没有,您可以使用CSS媒体查询获取iPad屏幕分辨率
@media (max-width: 1024px) {
YOUR CSS TO REDUCE WIDTH OF SITE
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句