什么情况下使用远光灯boxsizing

来源：蜘蛛抓取(WebSpider) 时间：2015-02-10 07:13 标签： boxsizing
跟着 rails tutorial 学习时的问题。未知属性 box-sizing 。声明被丢弃 & 社区 & Ruby China
跟着 rails tutorial 学习时的问题。未知属性 box-sizing 。声明被丢弃
就是那个sample_app
做完第十章的时候。
打开主页看控制台：
未知属性 box-sizing 。声明被丢弃
在app/views/layouts/application.html.erb 中删去
&%= javascript_include_tag "application", "data-turbolinks-track" =& true %&
则错误消失。
但是这个删了bootstrap的js又没有了。比如下拉菜单什么就没有用了。
导致在heroku上发布的版本看不到任何样式
本地开发环境表面上看起来正常。
不知道有没有大神知道怎么解决？
############################################################
是预编译的问题。
解决了heroku上样式不显示的问题，可以结束这个帖子了。
rake assets:precompile
后提交heroku，问题解决。
谢谢大家，可能我的问题提的不太准确。
共收到 16 条回复
...既然你不懂你在做什么……为什么要乱删能用的代码……
就像一楼说的，既然控制台提供了信息，根据信息搜索一下会有资料的。乱删代码不好
bootstrap js bundle 在application.js 里，delete了当然不能用了。
你确定 “本地开发环境表面上看起来正常” 吗？
box-sizing 是 bootstrap-sass 的变量，你在 heroku 那里应该预编译失败了才对
在本地正常是因为预编译没问题
这问题我懂，怎么解决的不懂……
不用管它就行了，这是一个CSS警告。
我是试试看哪里的代码导致这个问题的产生.
box-sizing相关搜索没有发现
好像是这样的
我觉得应该是这个问题。
没错但是我的问题不是这个
谢谢各位的帮助~
恩，书上的单元测试都能通过的
是 CSS 的属性，基本上 CSS 属性除非是打错字，否则不会影响基本功能。
box-sizing 目前，除了 Firefox 还需要有 -moz 前缀，估计楼主用的是 Firefox ，而 bootstrap 一定会有另一条声明是 -moz-box-sizing ，所以 Firefox 上的 CSS 排版基本上不会有问题。
如果是 Firefox ，它应该会把这个错误归类在 CSS Warning 里面，删 JavaScript 可以消除警告，表示 JavaScript 里面有动态写入 CSS。
结论：请直接无视这个警告即可。
现在才知道 RubyChina 会储存草稿…
17楼 已删除.
后回复方可回复, 如果你还没有账号你可以
一个帐号。
节点下其他话题您的位置： →
→ CSS 3教学
:box-sizing属性的理解
:box-sizing属性的理解[图]
字体大小：【 |
22:27:32&&&出处：
　　说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的不正确
解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个须要
定义尺寸的 box 都要思量一下：能不能
触发了“盒模型 bug”？　　同时，由于另一撮阅读
器对标准的遵从，我们在精确定义一个在有限空间内显示的 box 时，也须要
计算一下：留给它的空间只有那么大，刨去 border 和 padding，我们该把它的 width 写成多少呢？　　这种情况在 CSS3 时代有了改善，得益于这个叫做 box-sizing 的属性，它具有“content-box”和“border-box”两个值。　　定义 box-sizing: content- 时，阅读
器对盒模型的解释遵从我们之前认识到的 W3C 标准；　　定义 box-sizing: border- 时，阅读
器对盒模型的解释与 IE6 相同；　　为什么说这个属性“迟来”呢？IE 对于盒模型的解释固然不符合 W3C 的规范，但是也有它的优点
：无论如何
改动 border 与 padding 的值，都不会导致 box 总尺寸发生变化，也就不会打乱页面整体布局。而在 Firefox 等当代
器下，如果我们要改动
一下 padding 的值，就不得不重新计算 box 的 width。现在 IE6 寿终正寝，这个 CSS 属性未免有些姗姗来迟。　　试用这个新属性，Firefox 请运用
-moz-box-sizing，Safari / WebKit 请运用
-webkit-box-sizing，Opera 直接用 box-sizing 即可。
/ 7.97MB / 简体中文
/ 90KB / 英文
/ 19.90MB / 多国语言[中文]
/ 72KB / 简体中文
/ 10.83MB / 简体中文
/ 93.63MB / 简体中文
/ 23.55MB / 简体中文
/ 9.77MB / 简体中文
/ 3.86MB / 简体中文
本类阅读排行
本类推荐阅读
本类好评文章* {-moz-box-sizing:border-} 这是啥意思?_百度作业帮
* {-moz-box-sizing:border-} 这是啥意思?
边界框尺寸.
程序的边框大小的定义

我要回帖

更多关于 boxsizing 的文章

 

随机推荐