2015-08-25 57 views
0

我做了一个响应式网站,使用引导程序和媒体查询来改变各种屏幕尺寸的CSS。一些CSS规则在iPad上失败

我有一个在横向上在iPad上显示不正确的部分,但是当我在浏览器上以相同的视口宽度对其进行测试时,它工作正常。

我有一个col-md-8的偏移量为2,在它的内部有3个col-sm-4 divs,每个集合中的图像设置为父容器的100%宽度(我已经在链接的图像)。 http://pasteboard.co/8J885OF.png 这就是它在浏览器中显示的方式,与视图iPad和更大的宽度相同,视觉效果如何。它还可以在浏览器和移动设备上调整较窄的宽度(列折叠等)。

但在iPad的景观div /图像的位置和宽度完全搞砸了(并变得比视口大),我不明白为什么。这是它的样子。 http://pasteboard.co/8Jt4NZo.png

CSS的其他随机位在某些原因下也会被忽略,而其他样式都可以。例如,某些链接的样式会被忽略(通常是带有CSS3悬停效果的白色文本和粉红色背景,但会变成纯蓝色下划线文本,就好像根本没有应用CSS一样)。

有没有人有任何想法,为什么发生这种情况?

编辑:

对不起,我刚刚发现在CSS文件中的流氓#和删除此有固定它。我以为我已经彻底搜查过,以确保它不是一个错字问题,但我一定错过了它。谢谢大家。

+0

我们需要查看代码以确定发生了什么。 – RMo

+0

W3C CSS Validator ... http://jigsaw.w3.org/css-validator/ – MrWhite

回答

0

对不起,我刚刚在CSS文件中发现了一个流氓#并删除它已修复它。我以为我已经彻底搜查过,以确保它不是一个错字问题,但我一定错过了它。奇怪的是,它仅仅为了ipad而只在横向模式下而不是在浏览器上搞砸了CSS。

谢谢大家,希望我没有浪费任何人的时间。