可变大小列的 CSS 3 列布局答案

【问题标题】：CSS 3 column layout of variable sizes columns可变大小列的 CSS 3 列布局
【发布时间】：2015-09-09 19:55:40
【问题描述】：

我正在尝试创建一个 3 列布局，其中中心列比外部面板列大 25em。

Flex 无法工作，因为在移动设备上，flex 中的 width 参数基本上被忽略了。我在 www/google 上找到的任何地方都没有比 flex 更适合移动设备的地方。

如果列的宽度都相同，此处提供的解决方案在移动设备上效果很好。我不知道如何在不破坏布局的情况下放大中心列Previous solution (new issue)

如何创建一个“非响应式”（元素项/文本不会跨列）3 列布局，该布局对移动设备友好且列宽可变？

【问题讨论】：

【解决方案1】：

你的 html 头中有如下的元链接吗？

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】：

这对调整我的中间列宽没有帮助。我没有追随你要去的地方。能否提供功能示例代码？
我真的不明白问题出在哪里，也许你可以解决这个问题，但如果你没有元数据并且希望你的网站在移动设备上看起来不错，那么输入该代码在中。没有办法解决它。
不，这不是问题所在。我需要一个正常运行的 3 列布局。 Flex 不适用于您建议的调整，也不提供调整中心柱的设置。我不知道你要去哪里，但这不是正确的道路。一个可行的解决方案，我应该能够放置在 jsfiddle 中并看到它的工作。
即jsfiddle.net/wsqLagfu（但该代码允许文本跨越列，这对我的目的不起作用。）
所以你想要固定宽度？然后只使用像素而不是百分比，对吗？或者我不明白你的问题，对不起。