css – 响应式设计 – 媒体查询不适用于iPhone?

前端之家收集整理的这篇文章主要介绍了css – 响应式设计 – 媒体查询不适用于iPhone?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图创建一个移动友好的版本的我的网站,使我的网站响应更小的屏幕尺寸,并相应地缩放。

我创建了一些媒体查询,在桌面上调整大小时在浏览器中正确运行。

在我的iPhone上,safari只收缩整个网站,但仍然保持全尺寸网站的长宽比。如何获取媒体查询?我错过了什么?

这里是一个链接到一个沙箱,我试图得到正确工作 – 任何帮助或建议是赞赏:

http://www.preview.brencecoghill.com/

解决方法

你在你的html中有视图端口的元吗?
<Meta name="viewport" content="width=device-width,initial-scale=1.0">

更多信息:http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

猜你在找的CSS相关文章