移动设备中的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屋!