html中文本的响应规则
我的网站上的文字有问题。由于容器具有响应性,我必须设法使文本也具有响应性。我在互联网上找不到任何具体的信息。这似乎是一条只适用于前台的规则。。。有人知道在不使用javascript库的情况下获得响应文本需要做什么吗?提前感谢…使用%大小如何?html中文本的响应规则,html,text,responsive-design,Html,Text,Responsive Design,我的网站上的文字有问题。由于容器具有响应性,我必须设法使文本也具有响应性。我在互联网上找不到任何具体的信息。这似乎是一条只适用于前台的规则。。。有人知道在不使用javascript库的情况下获得响应文本需要做什么吗?提前感谢…使用%大小如何? e、 g:字体大小:20%;元素的属性。您尝试过这个吗?使用CSS媒体查询根据视口宽度对文本应用不同的样式。我认为您可以使用最大宽度和最小宽度来分割文本 #text { max-width: 1000px; min-width: 500
e、 g:字体大小:20%;元素的属性。您尝试过这个吗?使用CSS媒体查询根据视口宽度对文本应用不同的样式。我认为您可以使用
最大宽度
和最小宽度
来分割文本
#text {
max-width: 1000px;
min-width: 500px;
}
它有用吗?对于我使用“em”的文本,它使用简单,效果很好
p.myDiv {
font-size: 1em;
}
我将向您解释这是如何工作的:
1 em等于16px(该值可以更改)。您可以使用控制台获得准确的值,例如:如果希望p
字体大小为20px,只需除以20/16,控制台将返回1.25。1.25之后,您必须使用“em”将其设置为font size
您可以将“它们”用于所有类型的大小,如边框、字体大小、宽度、高度
但是如果这没有帮助,您可以简单地使用@media(){}并用它们调整文本
希望这有帮助;) 不应该涉及javascript,只需要普通的css
@media
查询……谢谢,使用这两种方法似乎是一个很好的解决方案