Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html中文本的响应规则_Html_Text_Responsive Design - Fatal编程技术网

html中文本的响应规则

html中文本的响应规则,html,text,responsive-design,Html,Text,Responsive Design,我的网站上的文字有问题。由于容器具有响应性,我必须设法使文本也具有响应性。我在互联网上找不到任何具体的信息。这似乎是一条只适用于前台的规则。。。有人知道在不使用javascript库的情况下获得响应文本需要做什么吗?提前感谢…使用%大小如何? e、 g:字体大小:20%;元素的属性。您尝试过这个吗?使用CSS媒体查询根据视口宽度对文本应用不同的样式。我认为您可以使用最大宽度和最小宽度来分割文本 #text { max-width: 1000px; min-width: 500

我的网站上的文字有问题。由于容器具有响应性,我必须设法使文本也具有响应性。我在互联网上找不到任何具体的信息。这似乎是一条只适用于前台的规则。。。有人知道在不使用javascript库的情况下获得响应文本需要做什么吗?提前感谢…

使用%大小如何?
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
查询……谢谢,使用这两种方法似乎是一个很好的解决方案