CSS 3 column layout of variable sizes columns

Question

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?

Answer 1

您的html头中是否有如下所示的元链接？

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