问题标签 [adaptive-layout]

我已经完成了我的应用程序的后端部分，但我在前端卡住了。我不确定发生了什么，但 tableview 被压缩，标签偏离中心，按钮完全消失。我不是单独制作细胞；我只做了一个，然后使用代码重新创建了其余的单元格。我在故事板上制作了一个单元格。我也尝试过使用约束。如何修复我的 tableview 使其具有自适应布局？

我已经设置了约束和一切，但有一个半透明的白色“屏幕”覆盖了我的屏幕下部。它不固定在我的 tableview 上，因为当我向下滚动时，按钮被拉起并且可见但屏幕停留在那里。起初我认为这是一个流氓观点，但事实并非如此，所以我不确定发生了什么。关于我应该看什么来解决这个问题的任何指示？这是一张图片：

这是我的代码（有点不整洁，因为这是我在 swift 中的第一个项目）： import UIKit

iOS 9、Xcode 7、Swift 2.2

我有一个包含一个 UIViewController 的 Storyboard，而后者又包含一个 UITableView。

UITableView 使用约束固定在 UIViewController 视图的边缘。

设计要求

当应用程序在 iPad 上以全屏模式使用时（即水平和垂直尺寸类别的常规），tableview 的边距需要更改，具体取决于 tableview 的可用宽度。实际上，纵向时，边距应为 100 点，但在横向环境中为 200 点。tableview 需要占据整个视图区域以提高可用性（例如滚动，在视图中的任何位置点击手势。）

当前方法

问题

应用启动后，视图正确显示。设备旋转会导致单元格遵守设备方向的正确边距（或者更准确地说，更改视图宽度）。

但是，如果我然后滚动 tableview，新出现的单元格不遵守边距。他们的布局被打破了，显然是随机的。

问题

我应该做其他事情来处理利润的变化吗？

在这种情况下，我应该什么时候在 tableview 上调用 reloadData？

将 BEM 用于固定布局很容易。带有媒体查询的自适应网页的 CSS 样式结构是怎样的？

html示例：

少样本：

• .t-news - 页面模板。它是一个定义块内部位置的块。
• .b-post - BEM 块
• .b-post__title - b-post 的 BEM 元素
• .b-post__text--red - b-post__text of b-post 的 BEM 修饰符

我应该将媒体查询放在块内还是块外？

我需要为 iPad 和 iPhone 设置不同颜色的标签，我知道我们可以更改不同尺寸类别的字体大小，但是有什么方法可以根据尺寸类别值设置不同的颜色

我知道有可用的代码解决方案，但我想知道 size 类是否可以在这方面帮助我

谢谢

我正在尝试为 iPad 和 iPhone (4'') 设置不同的约束。

我为 iPhone 设置了常规高度和紧凑宽度限制。但这些限制显示在 7.9 英寸 iPad、9.7 英寸 iPad 上。

这些约束用于模态视图。

如何使我的常规高度和紧凑宽度限制仅限于我的 iPhone。

我正在使用 Xcode 8 (beta 1) 开发应用程序。不幸的是，我找不到“Size Classes”选项。

在 Xcode 7 中，有“使用大小类”选项。

但是在 Xcode 8 中没有这样的选项。在 Xcode 8 中使用 Size Classes 或类似内容有什么帮助吗？

在我的应用程序中，当在小型设备（例如 iPhone 纵向）和大型设备（例如 iPad 全屏）上使用时，大多数视图在 UI 设计上存在重大差异。基本架构保持不变，但每个视图控制器都需要显示一个非常不同的 UI 元素集。

我可以通过根据尺寸等级安装和卸载元素以及自动布局约束来响应 Interface Builder 中的尺寸变化，但这将非常笨拙和脆弱。

在过去（~2014 年），Apple 的建议是：

如果您想根据设备是纵向还是横向显示相同的数据，方法是使用两个单独的视图控制器。一个视图控制器应该管理数据在主要方向（通常是纵向）上的显示，而另一个视图控制器管理数据在备用方向上的显示。

尽管出现了 Size Classes，但我觉得这仍然是我特定设计的最佳解决方案（记住要考虑 size classes 和 split-view、slide-in。）

问题 1：我应该在我的应用程序中的什么时候检测特征变化？

问题 2：（假设我已经从情节提要加载了备用视图控制器）以响应特征更改，我应该如何最好地转换/呈现备用视图控制器？

我在这里问同样的问题：Adaptive swapping of View Controllers in response to Size Class Trait changes iOS 9

因为没有人回答最初的问题。

没有 JS，只有 CSS，允许 flexbox

JsFiddle：https ://jsfiddle.net/ex9fmqxv/

我正在尝试使用 GMD 反应以 100% 的屏幕高度/宽度对响应式网站进行测试。

我希望每次调整窗口大小时，它都可以重新计算内容的高度，并像 Slack.com 一样适应这个。

使用 jQuery，我知道如何计算高度以将所有这些都很好，但没有使用任何人有任何想法吗？

在图片中，您可以自动看到我想要的计算。

如果您有另一个聊天栏的解决方案仍然是页脚并且中心内容是可滚动的，我很感兴趣。

如何使表格宽度自适应？这意味着，如果有足够的空间，就让它 100%；如果表格太宽并且被剪裁，请将其设为自动，以便表格列不会被剪裁。

有没有办法使用 CSS？谢谢