HTML手机上图片显示被压扁,在重新调整Web浏览器HTML |时，文本会被压扁CSS
我無法準確地說出你希望它如何在你的問題中發揮作用。如果您希望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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于计算机软件系统的知识,二、计算机软件
- 下一篇： 程学旗 计算机,徐明伟-青年科学家奖-中