如何使 HTML 页面的一部分响应？

Question

我只想让 HTML 页面的一部分响应特定宽度，让所有 rest 响应浏览器大小。

示例：在 web 页面中，用户可以设计带有文本和图像的网格。 用户可以改变整个布局的宽度。 因此，当用户更改设计布局的宽度时，只有该布局会响应设置为用户选择的宽度。

换句话说，设计的一部分响应用户设置的宽度，而 web 页面的 rest 保持对浏览器大小的响应。

Answer 1

你的意思是这样的：

Answer 2

这对你有用吗？ https://codepen.io/panchroma/pen/bGByxaQ

HTML

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

....  
<div class="responsive">
  <h1>this content is reponsive</h1>
  <p>....</p>
</div>
<div class="user-content">
   <h1>This content set by user</h1>
   <p>...</p>
</div>

CSS

.responsive {
   /* as required */
}

.user-content {
  /* width and other values set by user */
  width: 1500px;
  overflow-x: scroll;
}

如何使 HTML 页面的一部分响应？

问题描述

2 个解决方案

解决方案1
1 2021-03-17 10:08:18

解决方案2
1 2021-03-17 22:40:46

如何使 HTML 页面的一部分响应？

问题描述

2 个解决方案

解决方案1 1 2021-03-17 10:08:18

解决方案2 1 2021-03-17 22:40:46

解决方案1
1 2021-03-17 10:08:18

解决方案2
1 2021-03-17 22:40:46