宽度为1044像素的网站不适用于iPad

柠檬

我正在使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章