如何使<div>响应宽度 - jQuery

Question

我有一个状态更新<div>，如下图所示，有三个选项：

1-Personal -> <div style="width:300px;">
2-Product  -> <div style="width:300px;">
3-Payment  -> <div style="width:270px;">

在给出inline width之后，它们的显示方式与下图类似，但是当我尝试在移动设备中打开它时，它就会失控。

我也尝试使用width:100%，但这会使<div>在桌面屏幕上变得非常小。

如何使用jQuery或Javascript调整大小？

Answer 1

玩视口元标记。即：

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

Answer 2

设为

1-Personal -> <div style="width:33%;">
2-Product  -> <div style="width:33%;">
3-Payment  -> <div style="width:33%;">