Question

我正在为手机创建一个网页。我尝试在DIV标签中显示文本。在小屏幕中，文本的某些部分将不会显示，因为字体大小对于它的位置来说很大（DIV标记）。如果文本太长而无法在其位置显示，我如何告诉浏览器使文本变小？我可以定义文本字体大小的百分比吗？如果是，我应该使用多少百分比？

Answer 1

使用@media css标记。有关媒体queries for css

的更多信息

/* Target for all desktops */
body {
     font-size: 16px;
}

@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops */
    body {
         font-size: 14px;
    }
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */

    body {
         font-size: 10px; 
    }
}

Answer 2

您可以使用百分比，但我会使用媒体查询，以便您可以为较小的屏幕选择更准确的网站规格。我建议你在这里阅读 - https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

自动更改字体大小以防止文本溢出

2 个答案: