我做了一个响应式网站,使用引导程序和媒体查询来改变各种屏幕尺寸的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文件中的流氓#和删除此有固定它。我以为我已经彻底搜查过,以确保它不是一个错字问题,但我一定错过了它。谢谢大家。
我们需要查看代码以确定发生了什么。 – RMo
W3C CSS Validator ... http://jigsaw.w3.org/css-validator/ – MrWhite