28
4
我将开始开发一个新网站，并准备处理浏览器用于计算元素宽度和高度的不同方法 (box model stuff)。不知何故，我想到了:如果我只是将 box-sizing 应用于网站中的所有元素会怎么样？
我是那些相信 box-sizing: border-box; 是 CSS 中最好的命令之一的人之一，但也有它的局限性。然而，这些相同的限制让我想知道我是否应该将 box-sizing 应用于所有元素:
Trung tâm cá nhân
Điều phát hành
từ bỏ* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
当然，我的网站应该与尽可能多的浏览器兼容，box-sizing 在我们考虑 IE7- 时会产生一些问题。但是，有时日程安排非常紧，如果不担心这个具体问题，多花几分钟时间会很好。
无论如何，您认为对所有元素应用 box-sizing:border-box; 是一个好的策略还是我应该只对真正需要它的元素继续这样做？
câu trả lời hay nhất
我认为这是个好主意。事实上，我将开始在我的网站上做同样的事情。
这里 Paul 谈到了以同样的方式使用它
http://paulirish.com/2012/box-sizing-border-box-ftw/
We've been using *{box-sizing: border-box;} in one of my projects (deployed in production, averaging over 1mln visits a month) at work for about a year now, and it seems to be holding up just fine. The project has been tested in IE8 & 9 and the latests Firefox and Chrome versions and we've had no problems. All jQuery (+UI) offset calculations and animations run fine, even in any element we've displayed as inline-block. As of late we've started testing the project on mobile devices (iPhone, iPad and Android) and we've had no issues regarding box-sizing with any of them yet, so it seems to work just fine.
我发现这有助于解决 IE7 中的问题
https://github.com/Schepp/box-sizing-polyfill
关于css - * { 盒子尺寸 : border-box; } : To border-box or not to border-box all elements?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10722841/
28
4
0
这个问题在这里已经有了答案: CSS3 Flexbox: display: box vs. flexbox vs. flex (3 个答案) 关闭 1 年前。 今天我们中的许多人都知道 displa
$('.finalLink').html(" Click to Follow"); 我正在尝试创建一个以 super 框模式打开的链接。尝试了灯箱，结果相同。这些链接有效，但只是转到该网站。如果我静态
我使用了 RayHandler.useDiffuseLight(true) ，现在无论我设置什么环境光值，屏幕上未照亮的部分都是黑色的。这是正常的吗？我见过其他用 libgdx 制作的应用程序，它同时
我需要帮助解决一个简单的问题。我的任务即将结束，我们要制作不同的艺术人物。我制作了一个“正方形内的正方形”盒子，需要生成该盒子的 4 行和 4 列。 我认为最好的解决方案是多一些 for 循环，但不能
我怎样才能实现this effect使用 CSS 和/或 jQuery？ 我会发布到目前为止我编写的代码，但它没有用...... 最佳答案 使用jQuery Masonry或Isotope为了达成这个
我写了下面的代码: for row in range(len(listOfLists)): print('+' + '-+'*len(listOfLists)) print('|',
我想知道如何在 CSS3 中制作成 Angular 盒子。喜欢这个网站: http://themeluxe.com/themes/glissando/ (白人) 我怎样才能使边框看起来更好、更平滑。
我正在尝试实现具有三个垂直部分的简单布局: 页面顶部的小标题。 主要内容，必要时展开，以便页脚保留在页面底部。 页面底部的页脚。 主要内容部分应进一步分为两部分:一个带有输入框和按钮的非常小的表单，以
我正在尝试构建如下图所示的网格 IMG 链接:http://postimg.org/image/qo3b4nof1/ 但我得到的 DIV E 几乎在 D-DIV 旁边 这是我的代码
如何修改fancybox盒子的定位？我希望它被定位，以便它漂浮在我的容器 div 中... 感谢您的宝贵时间和帮助! 最佳答案 jquery.fancybox-1.2.6 的第 255 行有这段代码
这个问题在这里已经有了答案: Inset border-radius with CSS3 (8 个答案) 关闭 9 年前。 border-radius 属性可以使盒子的 Angular 变圆。但是如
我创建了一个包装器元素，其中包含 2 个彼此相邻的行内 block 框(图片中为浅绿色和黄色)。然后我创建了另外两个 div，它们都嵌套在其中一个内联 block 中以使内容居中。它可以工作，但由于某
我在使用 WordPress 时遇到问题，在盒子中嵌套盒子。在 WordPress 之外，这工作正常。我确定只有一两个参数有误。 外框为dp23，内框为dp22由于某种原因，内框 (dp22) 之间存
我目前尝试在容器内排列盒子的结果是这样的输出。 但我想要实现的是， 用最大数量的框填充每一行，但每个框都有固定的填充和边距。我相信我已经做到了。 我需要每行中的单个框来覆盖剩余空间，间隙仅为 1 像素
我在下面有多个 flexbox 的代码。当页面展开时，我如何将它们垂直居中放置在页面中？我尝试在我的 flex-container 中使用 justify-content: center; 但当我使用
我有这样的布局: 我
我是编程新手，我注意到有人提到了 flex box。在阅读了很多相关内容之后，它似乎对我有用。唯一的问题是我在安装它时遇到了很多麻烦，即使在搜索了大约一个小时的帮助之后也是如此。我从 github 下
Vagrantfile有问题: # -*- mode: ruby -*- # vi: set ft=ruby : Vagrant.configure("2") do |config| config
我正在尝试下载一个 Vagrant 的盒子，但他们的服务器此时非常缓慢。他们有公共(public)镜子吗？我想下载precision64.box 文件。 谢谢 最佳答案 尝试更可靠的: Vagrant
在一个父容器内，三个 div 彼此重叠。顶部 div 是固定高度。底部 div 的内容占用了未知数量的垂直空间，但需要显示其中的所有内容。顶部 div 应填充剩余的垂直空间。每一个 // 100%
Tôi là một lập trình viên xuất sắc, rất giỏi!