Html 如果用户缩放[包含图片]，如何防止移动设备上的固定布局中断？

所以，是的，我在我的网站上有一个垂直标题，我想向所有处于横向模式的用户显示。此标题是固定的，用户可以滚动标题或内容。我的问题是，当用户放大时，他们的布局会因为标题停留在原来的位置而中断，是否有办法解决这个问题？

编辑：

header
  flex: 0 0 auto
  width: 15rem

.headerContainer
  height: 100%
  overflow-y: scroll
  width: 15rem
  padding-bottom: 1.25rem
  position: fixed

编辑： 中号有我想要/需要的

---

这可能与包含div的最大宽度有关。垂直标题div中包含的元素（尤其是图像）应该具有最大宽度：100%（或90%，以留出一点空间）。或者，您可以使用媒体查询来更改css，以确定浏览器屏幕何时低于某个宽度。只需搜索“css媒体查询”来了解如何使用，并尝试各种屏幕尺寸的外观和感觉。不，不是这样。这是因为position Fixed。这可能与包含div的最大宽度有关。垂直标题div中包含的元素（尤其是图像）应该具有最大宽度：100%（或90%以提供一点空间）。或者，当浏览器屏幕低于某个宽度时，可以使用媒体查询来更改css。只需搜索“css媒体查询”来了解如何使用，并尝试各种屏幕尺寸的外观和感觉。不，不是这样。这是因为占有固定。