我正在学习CSS3和HTML5,并试图开发一个简单的主页。因为我的房子里只有Mac界面,所以我不能检查windows有什么不同。
但有一天,我的一位熟人告诉我,浏览器之间存在像素差异,而我对此一无所知。然后我检查了我的页面,它似乎是错误的。
尽管它的分辨率与我设置的相同,但Mac上的Chrome向我显示了几个按钮的适当位置,而Windows上的Chrome则没有。
他们的立场完全不同,破坏了设计。我如何解决这个问题?或者这是正常的?
谢谢。
发布于 2012-03-25 03:42:38
开发一个在任何操作系统和浏览器的组合上都是相同的网站并不是一件容易的事情。它亲自增加了我的开发时间,试图解决这些问题。
有几个工具可以帮助您完成此任务,例如Cross Browser Testing。或者您可以通过在您的机器上安装浏览器来手动测试它。使用虚拟机在其他平台上测试您的网站也是很常见的。VMware很流行。
发布于 2015-01-21 16:06:40
不同之处不在于Chrome,而在于Mac和Windows。在这里,您可以检测userAgent
并将适当的class
添加到body
标记(使用jQuery):
jQuery(document).ready(function(){
if(navigator.userAgent.indexOf('Mac') > 0){
jQuery('body').addClass('mac-os');
} else {
jQuery("body").addClass("pc");
}
});
在检测到userAgent之后,你可以编写专门针对Mac和Window以及它们的浏览器的css。
发布于 2018-03-21 10:29:06
在2018年,chrome和firefox的表现因操作系统不同而有所不同。我最近建立了一个网站,在最新的chrome和firefox版本上,有一个页面在windows上呈现正常,而在macOS和ubuntu上,它有一个小故障。应该是内联的元素在某些状态下水平显示。
https://stackoverflow.com/questions/9853497
复制相似问题