繁体   English   中英

Chrome / Safari忽略了我的重置规则?

Chrome/Safari ignoring my reset rules?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

链接文字

在Safari / Chrome中,它在ol,blockquotes和其他元素的左侧/顶部有额外的间距。

我无法隔离这一点,但是当我在Safari中查看Web检查器时,它在一些元素上获得了26px的边距。 我没有指定任何这样的规则,这是Web检查器中的错误吗?

有人可以告诉我为什么这些exta间距问题正在发生? 谢谢!

1 个回复

剩余边距:26px是你造型边缘的“计算样式” - 左:2em。 因此,为什么它在Safari的Web Inspector中的Computed Style部分下。 因此,如果您将margin-left更改为其他值,则计算样式的像素值也会更改。

无论如何确实有额外的填充! 它是由用户代理样式表(-webkit-padding-start:40px)引起的。 通过在ol上设置填充:0以及您想要的任何其他元素来重置此样式。

防止这个问题再次发生并且不必担心发展的好方法是重置你的CSS。 基本重置将是:

* { margin:0; padding:0; }
1 Safari 忽略 CSS :not() 规则

我遇到了Safari 13.0.5 (14608.5.12) 的问题 在尝试修改一些WordPress Divi builder 插件样式时,我遇到了一个意想不到的问题,即无法应用否定规则,如果需要,该规则会阻止插件在特定位置进行样式设置。 修改文件: src/wordpress/wp ...

2 Chrome和Safari忽略(?)位置:绝对

看看http://www.habitatlandscape.co.uk/ 在Firefox甚至Internet Explorer(!!!)中,弹出菜单显示完美,垂直居中于白色条带,并始终从左手侧开始​​。 在Chrome中,菜单在父li下水平开始,并且不垂直居中。 我可以通过将we ...

3 Safari忽略最大宽度规则

我有这个徽标,除了safari之外,其他所有人都可以很好地使用,它完全忽略了分配给徽标的CSS。 我尝试将大众汽车更改为%,但是也被忽略了。 我已经尝试过各种不同的显示和位置排列方式,但都无济于事-我已经在很多天内重建了此标题部分3次,试图找出问题来解决,但显示很少,但是咖啡费用更高。 能 ...

5 Chrome和Safari忽略了导航栏高度

我在开发的一个本地项目中发现了一个不愉快的惊喜,两个星期前,我正确地可视化了所有内容,但是现在在Chrome和Safari上,导航栏的高度被忽略了,在Firefox上以及在Codepen上都可以正常使用 。 该网站基于Wordpress + Bootstrap 4 火狐与铬 HTM ...

7 iPhone(Chrome和Safari)忽略最小宽度

我刚刚完成了网站的样式表。 然后我想在我的iPhone上打开它,并且设计完全搞砸了。 这真的不是什么新鲜事。 但通常的解决方案是为我的身体增加一个最小宽度。 但是..这次iPhone似乎忽略了它。 有人可以告诉我我正在监督什么吗? 我敢肯定有一个简单的解决方案! 网站可 ...

8 Chrome,Safari忽略表格的最大宽度

我有这样的HTML代码: 问题是Chrome和Safari忽略了"max-width:1000px"我的朋友发现我们可以通过为内部表添加"display:block"来防止出现这种情况,并且可以正常工作。 因此,我想知道的是-还有其他方法可以解决此问题,为什么会这样? ...

9 Chrome和Safari忽略了我的-webkit-transition-

我一直试图让CSS3过渡效果在Chrome和Safari中运行而没有运气。 正如您在下面的代码示例中所看到的,我使用:target伪类选择器来触发关键帧动画,在这种情况下,将div从一个位置移动到另一个位置。 一旦你点击另一个链接,div就会消失(它会跳回到原来的位置)。 为了防止这种 ...

2012-08-09 20:09:23 1 3671   css/ css3
10 Chrome忽略Firebug中显示的CSS规则

在PC上使用Chrome并刷新页面时,有时两段文本区域显示“小型企业财务团队不会停止为其客户提倡...”,这会忽略其父div的580px宽度规则,并显示在正确的。 我不确定这是否是由于移动响应式设计或div放置引起的,但是由于Firebug显示580像素(无论文本位于580像素宽度之内还是 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM