终于把自己网站从 content-box 切换到了 border-box,心好累。

2016-05-30 01:11:41 +08:00
 lyragosa
改得我都要吐血了……

为了上 bootstrap (其实我也不知道为啥要上,仔细想了想,大概是为了里面的一些小样式效果不用自己写了,例如 tooltip ,模态窗口,文字徽章一类的)。

接着人生第一次发现 css 里面还有 box-sizing 这种属性。。

然后觉得不对劲,既然各大框架都主推 border-box ,而且仔细想想, border-box 也更符合人的思维习惯,为什么现代浏览器默认设置都是 content-box 呢?

然后查了一下这段历史,发现 IE 老版本的混杂模式是用的 border-box ,然后新版本&现代浏览器&W3C 标准都是 content-box ,时过多年风水轮流转,大家忽然又觉得还是以前 IE 的标准好啊……真是一个被上的故事。

(求别说 content-box 好,我已经改到吐血了不想再改回来了……)
2969 次点击
所在节点    程序员
7 条回复
wsdjeg
2016-05-30 01:15:32 +08:00
我也改过,不过跟你的方向反了
pimin
2016-05-30 01:28:10 +08:00
不知道为什么,我对引入外部资源有种天生的抗拒.
总觉得需要啥就写啥.
不需要就算咯.
lyragosa
2016-05-30 01:31:30 +08:00
@pimin 我一开始也是这样

后来想着不管怎么样你得引入一个 jq 吧。
然后看着 jqui 觉得好方便啊也引入一个吧。
(然后就引入了一堆乱七八糟的 jq 插件)

后来想着,连 js 这种拖效率的外部资源都引入了,再引入一个纯 css 资源其实也无所谓了……

所谓用轮子上瘾症……
SoloCompany
2016-05-30 02:19:19 +08:00
这是一个典型的 w3c 委员会那帮人就是看微软不顺眼造成的历史遗留此问题
显然,关于 border-sizing 这个问题上,我是站在微软这一方的
w3c 那个盒子模型出来的时候让人感觉简直是莫名其妙,说反人类也不为过
imn1
2016-05-30 02:54:04 +08:00
border-box 比较适合整体布局排版,尤其当内容密集的情况;因为人的视觉对于密集内容,内容块之间的“隔离地带”会有一定的潜意识审美约定,所以,以 border 宽高约束,排版方便

content-box 则适合内容主体的布局,长文或者大幅面内容,块于块之间出现不多,视觉都集中在内容上,上一行和下一行首字符差半个字符位置都会引起别扭,内容对齐显得更重要

美工/总编会喜欢前者,因为内容因版面调整;记者/文字编辑会喜欢后者,因为版面因内容调整
目标是做效果的话,用前者当然方便些
newghost
2016-05-30 09:49:34 +08:00
其实微软的标准更加工业化、更加简单;

如果 width 不包含 padding 和 border ;那么流式布局会变非常非常复杂; bootstrap 的实践已经证明了这一点。


我认为事件冒泡的三个阶段也不必要的。 一般来讲 99.99%的 case 都只需要从 target -> document  这一个捕获过程。


w3c 这帮人把 Web 变得更复杂了。
WildCat
2016-05-30 17:53:23 +08:00
那个游戏吗

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/282116

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX