Pixate + AutoLayout，使用 CSS 更改大小会破坏样式答案

【问题标题】：Pixate + AutoLayout, changing the size using CSS breaks the stylePixate + AutoLayout，使用 CSS 更改大小会破坏样式
【发布时间】：2013-08-10 07:16:27
【问题描述】：

我正在开发一个 iOS 应用程序，使用 iOS 6 AutoLayout 和 CSS 样式以编程方式创建 GUI，使用 Pixate。只要我不使用 Pixate CSS 修改元素的大小，一切似乎都可以正常工作。

这是一个示例视图，其中元素的高度由代码设置：

iOS AutoLayout 会自动正确设置容器视图的大小（白色带灰色边框）。但是当我使用CSS设置三个表单元素的高度时，样式没有正确应用：

我尝试在viewWillAppear 中重新应用样式并重新布置子视图，但没有成功。

我看到a tweet from Pixate 团队表示它应该可以工作。

有没有人遇到过同样的问题或有什么想法？

【问题讨论】：

标签： ios autolayout pixate

【解决方案1】：

自动布局和 Pixate 存在一些已知问题。作为一种解决方法，您可以设置一个明确的高度或宽度（在这种情况下可能是高度），这通常可以解决这个问题。

【讨论】：

这正是我现在正在做的事情，但我想从代码中去掉一些神奇的数字。

【解决方案2】：

你能发布你的 CSS 吗？

我遇到了同样的问题，我通过从我的按钮的 CSS 中删除 font-* 属性来解决它。然后我添加了一个 height: 44px 并且一切都很好地格式化了，除了你肯定需要字体的东西。

这是我的风格：

#default-button {
color: #fff;
background-color: linear-gradient(#00679B,#394170);
height: 44px;
border-radius  : 5px;
border-width   : 1px;
border-color   : #444;
box-shadow     : inset 0 1px 0 rgba(101,177,232,0.9),
0 1px 2px rgba(0,0,0,0.5);

}

【讨论】：