我無法準確地說出你希望它如何在你的問題中發揮作用。如果您希望font-size根據瀏覽器的視圖大小動態更改，則可以使用vw單位(請參閱下面的jsfiddle預覽和代碼示例)。

我使用了你在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可能存在結構性問題，導致以后的樣式更改難以實現，但這似乎基于我可以從您的帖子中收集的信息起作用。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。