CSS 3列可变大小列的布局(CSS 3 column layout of variable sizes columns)

CSS 3列可变大小列的布局(CSS 3 column layout of variable sizes columns)

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

Flex不起作用，因为在移动设备上，flex参数基本上被忽略。 没有我在www / google上找到的地方说比移动设备的flex更糟糕。

如果列的宽度相同，此处提供的解决方案在移动设备上运行良好。 我无法弄清楚如何在不破坏布局的情况下放大中心柱以前的解决方案（新问题）

如何创建“无响应”（元素项/文本不会跨列）3列可移动友好的可变列宽？

I am trying to create a 3 column layout where the center column is about 25em large than the outside panel column.

Flex won't work because on mobile devices, the width parameter is basically ignored in flex. No place I found on the www/google said anything better than flex sucks for mobile devices.

The solution provided here works great on mobile devices if the columns are all the same width. I could not figure out how to enlarge the center column without breaking the layout Previous solution (new issue)

How do I create a 'non responsive' (element items/text won't span columns) 3 column layout that is mobile friendly of variable column width?

最满意答案

你的html头中有一个如下所示的元链接吗？

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

do you have a meta link like below in your html head?

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