Javascript:If-Chrome向div添加填充
我创建了下面的代码来检测Chrome是否添加了padding:28%,如果所有其他浏览器都添加了margin:28%。它没有按预期工作,我很好奇我哪里出了问题Javascript:If-Chrome向div添加填充,javascript,html,css,Javascript,Html,Css,我创建了下面的代码来检测Chrome是否添加了padding:28%,如果所有其他浏览器都添加了margin:28%。它没有按预期工作,我很好奇我哪里出了问题 var chromeFix=document.getElementById(“#幻灯片容器”); if(navigator.userAgent.toLowerCase().indexOf('chrome')>-1){ chromeFix.style.padding+=28%; }否则{ chromeFix.style.margin+=2
var chromeFix=document.getElementById(“#幻灯片容器”);
if(navigator.userAgent.toLowerCase().indexOf('chrome')>-1){
chromeFix.style.padding+=28%;
}否则{
chromeFix.style.margin+=28%;
}
作为这一混乱攻击的替代方案,我建议研究css重置。每个浏览器都有自己的用户代理样式表,css重置旨在清除这些样式以实现跨浏览器的一致性
从
什么是CSS重置?
CSS重置(或“重置CSS”)是一组简短的、通常经过压缩(缩小)的CSS规则,用于将所有HTML元素的样式重置为一致的基线
为什么要使用CSS重置?
你可能想知道这一切都是为了什么——其实很简单。从您通过重置设置的一致性基础开始,您可以继续重新设置文档样式,因为浏览器在默认HTML呈现方面的差异不会影响您
css是一种常用的css重置
只要确保这是您页面中的第一个css引用,因为它被设计为覆盖,并且它会 我找到了一个jQuery解决方案
if(navigator.userAgent.toLowerCase().indexOf('chrome')>-1){
$(“#幻灯片容器”).css('padding-top','28%”);
}否则{
$(“#幻灯片容器”).css('margin-top','28%”);
}
这听起来是一个非常糟糕的解决方案……你为什么要这样做?你是否尝试过使用webkit css样式?我想你必须做一些数学来纠正你的测试代码浏览器嗅探总是一个坏主意。尝试更改var chromeFix=document.getElementById(“#幻灯片容器”);to var chromeFix=document.getElementById('slide-container');-id namedocument.getElementById('slide-container').style.paddingTop='28%'