Question

我是编码新手，所以如果这是一个愚蠢的问题，请耐心等待。在我的代码中，我有一个向右浮动的小侧边栏，但我不希望它在调整窗口大小时缩小。例如，在维基百科文章中，当您最小化或最大化窗口时，右侧的信息面板保持相同的大小，左侧的文本会缩小。在 HTML/CSS 中如何用简单的术语来完成？

Answer 1

每当您对某人如何在 html 中处理某人感到好奇时，您都可以在浏览器中检查该网页。例如，维基百科文章的信息面板位于文章大小合适的位置，是一张桌子。他们设置了宽度和边距，然后当有人调整浏览器大小时，表格将不会调整大小。

<html>
      <head>
      </head>
      <body>
            <table style="width:25.5em; border-spacing:2px;"></table>
      </body>

Answer 2

您可以使用 vw 和 vh 代替 px 或 em，这将使元素根据屏幕分辨率具有相同的宽度和高度。你可以这样使用它

.size{ width:45vw /* 45% of the size of window or screen */;
height:45vh /* 45% of the size of your current window size */

您可以在此处找到更多信息a link