Question

我在更改浏览器大小时遇到问题，因为内容开始流行。我已经完成了一些研究并尝试使用#wrapper，但我无法弄明白。在调整浏览器大小时，如何缩放页面内容？

ffmpeg.exe -y -loop 1 -r 24 -i test_1.jpg -vcodec libx264 -tune stillimage -f rtsp rtsp://127.0.0.1:1234/stream.sdp

ffplay.exe -rtsp_flags listen rtsp://127.0.0.1:1234/stream.sdp

Answer 1

您可能想查看position property

Answer 2

随着视口变得更窄，您可以使用CSS媒体查询逐步加宽容器并减少其填充。我们的想法是将布局调整到最适合每种屏幕尺寸的尺寸，因此简单地缩小整个布局并不一定是理想的。

@media all and (max-width: 1000px) {
  tw-story { width: 70%; }
  tw-passage { padding 5%; }
}
@media all and (max-width: 850px) {
  tw-story { width: 80%; }
}
@media all and (max-width: 750px) {
  tw-story { width: 90%; }
}
/* etc. */

您还可以使img元素响应，如下所示：

img {
  width: 100%;
  height: auto;
}

如果您不想使用媒体查询逐步更改文字大小，则可以尝试FitText jQuery plugin。我建议仅在标题文本中使用此文件，而不是使用较小的正文副本。作者甚至对此发出警告：“你不敢让我们在段落文本上使用FitText来抓住你。这只适用于巨大的显示文本！”

Answer 3

所以我看了一下你的代码，我没有得到一件事。 tw-align max-width:50%你有max-width:100%。有什么理由吗？如果没有，请将其更改为tw-align上的tw-passage。

在700px分辨率下，您应该将1em的填充减少到c.execute('.mode csv') c.execute('.import %s tempData', fileName)或其他内容，并且您的内容应该响应。

调整浏览器大小时页面内容（按钮，图像等）会消失

3 个答案: