我正在尝试创建一个移动友好版本的网站,以使我的网站响应较小的屏幕尺寸和相应的比例.
我创建了一些媒体查询,在桌面上调整大小时在浏览器中表现正常.
在我的iPhone上,safari只缩小整个网站,但仍保持整个网站的宽高比.如何查看媒体查询？我错过了什么吗？
这是一个沙箱的链接,我正在尝试正常工作 - 任何帮助或建议表示赞赏:
我真的被困在这一个.网站差不多完成了.只是试图用IE来消除最后几个错误 - 真是一个惊喜!
这是预览网站:http://www.preview.imageworkshop.com/portfolio/
问题是, 如果你在IE中查看投资组合页面,并使用过滤器在选项之间交换和转发,过了一会儿,图像开始被白点覆盖(特别是在黑暗区域).
注:我已经实现同位素 的网站上组合滤波/布局.
CSS3过渡是在CSS中定义的,但我相信ISOTOPE会降级为使用jquery进行动画效果.
这是一个摄影网站,所以拥有漂亮的图像很重要.
我已经知道的事情: - 这是IE6,7和8中的一个已知问题,由fadein/fadeout引起,像素变为透明.
人们声称你可以通过移动图像的黑点来解决这个问题,因为它只是"真正的黑色"像素才有问题.我们试过这个,它对我们不起作用 - 我们也不想做这些改变,因为颜色准确性对于图像很重要,并且移动黑点开始弄乱图像.在投资组合中,底部的3个大图像已经移动了黑点,并且仍然得到白点.
显然,将父div框的背景颜色设置为黑色也可以解决问题.如果我将.photos的背景设置为黑色,这似乎对我有用(但是这也使得屏幕的一半也是黑色的.但是设置包含图片(.photo)的DIV的背景没有帮助.如果有的话我们可以让它工作的方式,这将是一个合适的解决方案.我不能让它为我工作(？).
那么从哪里来？ 我可以通过设置animationEngine:'CSS'来关闭ISOTOPE中的过渡/淡入淡出等.这种有效意味着如果浏览器支持CSS3,那么CSS将用于转换,但如果没有,浏览器将不会恢复使用javascript进行转换.但是,这意味着IE上的页面没有转换,看起来很裤子.
理想情况下,我需要解决白点问题. - 有关如何在过滤器后获取ISOTOPE刷新图像的任何建议？ - 也许我可以采用另一种方式进行过渡？ - 是否可以删除淡入淡出/淡出,但仍然使用某种变换,以便我仍然在IE中发生一些动画？
任何帮助将不胜感激.整个周末我一直在试着把头发弄掉,但是没有成功.
更新:8/9/2011 我设法找到一种关闭淡入淡出过渡的方法,但是,我使用的javascript过滤器仍将不透明度设置为0以隐藏图像,这实际上导致白点问题occour.所以我真的需要找到一种方法来将背景颜色设置为黑色,以便隐藏透明像素.