重新调整web浏览器HTML | CSS的大小时，文本会被挤压

制作浏览器时，我的网站上的文本将无法正确调整大小 小窗户。 它挤压中间的文字，产生更多的线条。 这是我的密码

我的整个文档

html: css:

HTML:

---

center

不是

position

的有效值，因此不能执行

position:center。如果要在窗口中将div居中，可以将
左边距
和
右边距
属性设置为
自动
。我看到你这样做与行
保证金：0自动，但随后您将用
左边距覆盖这两行：10；
保证金权利：10
10
也不是
margin
的有效值，它必须是
10px
或
10em
或后面带有说明符的某个值。同样对于这样的东西，
position:relative
是不必要的，尽管这可能会破坏某些东西，这取决于您的其他HTML元素。因此，请使用以下CSS：

#NewsPosts {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    font-size: 20px;
    width: 45%;
}

像这样的东西应该可以满足你的需要。
我不能从你的问题中确切地说出你希望它如何工作。如果希望
font size
根据浏览器的视图大小动态更改，可以使用
vw
单位（参见下面的JSFIDLE预览和代码示例）

尝试以下操作：尝试调整浏览器的大小，看看这是否是您想要的效果

我使用了你在Pastebin上发布的HTML和CSS，但我从你的原始帖子中添加了CSS并对其进行了编辑

我的变化：

#NewsPosts {
   position: relative;
   bottom: 0px;
   top: -925px;
   width: 45%;
   //position: center; changed this to text-align: center (below)
   text-align: center;
   margin: 0 auto;
   //font-size: 20px; changed this to 2vw which is percentage of the viewport width
   font-size: 2vw;
   margin-left: 10; 
   margin-right: 10; 
   text-indent: 5; 
}

#DateAndBy {
    position: relative;
    bottom: 0px;
    top: -930px;
    //font-size: 30px; changed this to 3vw which is a percentage of viewport width
    font-size: 3vw;
    margin-left: 10; 
    margin-right: 10; 
    text-indent: 5; 
}

您的HTML可能存在结构性问题，使以后的样式更改更难实现，但根据我从您的帖子中收集到的信息，这似乎在目前起作用

有关
vw
单位和其他
font size
实践的进一步讨论可在此处找到：
您可以发布整个HTML和CSS文档吗？将其发布在粘贴页上吗？您可以澄清一下：“文本…无法正确调整大小…”您希望减小字体大小吗？
#NewsPosts {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    font-size: 20px;
    width: 45%;
}

#NewsPosts {
   position: relative;
   bottom: 0px;
   top: -925px;
   width: 45%;
   //position: center; changed this to text-align: center (below)
   text-align: center;
   margin: 0 auto;
   //font-size: 20px; changed this to 2vw which is percentage of the viewport width
   font-size: 2vw;
   margin-left: 10; 
   margin-right: 10; 
   text-indent: 5; 
}

#DateAndBy {
    position: relative;
    bottom: 0px;
    top: -930px;
    //font-size: 30px; changed this to 3vw which is a percentage of viewport width
    font-size: 3vw;
    margin-left: 10; 
    margin-right: 10; 
    text-indent: 5; 
}