首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Mac上的Chrome和Windows上的Chrome有什么区别吗?

Mac上的Chrome和Windows上的Chrome有什么区别吗?
EN

Stack Overflow用户
提问于 2012-03-25 00:46:52
回答 3查看 20.5K关注 0票数 18

我正在学习CSS3和HTML5,并试图开发一个简单的主页。因为我的房子里只有Mac界面,所以我不能检查windows有什么不同。

但有一天,我的一位熟人告诉我,浏览器之间存在像素差异,而我对此一无所知。然后我检查了我的页面,它似乎是错误的。

尽管它的分辨率与我设置的相同,但Mac上的Chrome向我显示了几个按钮的适当位置,而Windows上的Chrome则没有。

他们的立场完全不同,破坏了设计。我如何解决这个问题?或者这是正常的?

谢谢。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-25 03:42:38

开发一个在任何操作系统和浏览器的组合上都是相同的网站并不是一件容易的事情。它亲自增加了我的开发时间,试图解决这些问题。

有几个工具可以帮助您完成此任务,例如Cross Browser Testing。或者您可以通过在您的机器上安装浏览器来手动测试它。使用虚拟机在其他平台上测试您的网站也是很常见的。VMware很流行。

使用跨浏览器的库也可以帮助你做到这一点。比如非常流行的jQuery。此page通常会列出有关该主题的更多信息。

票数 6
EN

Stack Overflow用户

发布于 2015-01-21 16:06:40

不同之处不在于Chrome,而在于Mac和Windows。在这里,您可以检测userAgent并将适当的class添加到body标记(使用jQuery):

代码语言:javascript
运行
复制
jQuery(document).ready(function(){
 if(navigator.userAgent.indexOf('Mac') > 0){
  jQuery('body').addClass('mac-os');
 } else {
  jQuery("body").addClass("pc");
 }
});

在检测到userAgent之后,你可以编写专门针对Mac和Window以及它们的浏览器的css。

票数 2
EN

Stack Overflow用户

发布于 2018-03-21 10:29:06

在2018年,chrome和firefox的表现因操作系统不同而有所不同。我最近建立了一个网站,在最新的chrome和firefox版本上,有一个页面在windows上呈现正常,而在macOS和ubuntu上,它有一个小故障。应该是内联的元素在某些状态下水平显示。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9853497

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档