移动设备中的chrome和firefox的css是不同的 [英] css is different for chrome and firefox in mobile

问题描述

我正在使用wordpress悉尼主题，并且我正在尝试创建一个响应式网站，我意识到它会在不同的浏览器上显示不同的CSS。

这里有一个
$ b

例如：
chrome
firefox：

在我尝试检查响应时再次使用chrome：

这里是在不同的计算机上的铬[*]这是它应该看起来像无处不在：

以下是边缘：

我不确定是什么导致了这种情况发生，网站是haagsehof.nl。

我已经针对不同的设备制作了一些自定义css来响应：

  @media（min-宽度：767px）{
} 
 
 @media（max-width：766px）和（min-width：400px）{
} 
 
 @ media only screen and（max-width：399px）{
} 
  

如何使所有在不同设备上的浏览器都使用相同的CSS格式，因此网站在每个平台上看起来都很相似？

我不知道在wordpress中去解决这个问题，但总的来说，以下内容适用。

您必须添加代码不适用于特定浏览器。所以你可能不得不使用-moz-或-webkit-而不是只添加代码。浏览器具有不同的默认值并且有时甚至需要前缀是相当烦人的。

I am working with wordpress Sydney theme, and I am trying to make a responsive website, I realized that it shows different css on different browsers.

here is an example: chrome firefox:

here is with chrome again when I try to check the responsiveness:

here is with chrome on a different computer[*] this is how it should look like everywhere:

and here is with edge:

i am not sure what is causing this to happen, the website is haagsehof.nl.

I have made some custom css for different devices like this for the responsiveness:

@media (min-width:767px){
}

@media (max-width:766px) and (min-width:400px) {
}

@media only screen and (max-width: 399px) {
}

how can make all the browsers in different devices all use the same css format so the website looks alike in every platform?

解决方案

I don't know to go about this in wordpress, but in general the following applies.

You would have to add code for everything that doesn't work in a specific browser. So you might have to use -moz- or -webkit- and than just add the code. It's quite annoying that browser have different default values and sometimes even need prefixes.

这篇关于移动设备中的chrome和firefox的css是不同的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！