修正CSS，使对齐段落中不会出现奇怪的间距

我不是前端开发人员，但我继承了一个使用媒体查询和纵横比的网页，因此该网页的内容与视口（在本例中为浏览器窗口）的大小成比例增长。问题是页面上有一段文字左右对齐，因此在一定的尺寸下，文字之间的间距对我的客户来说并不美观。我的问题是，这类事情的标准做法是什么？是否可以根据浏览器窗口的大小，使用媒体查询和最小宽度/最大宽度最小高度/最大高度设置，以固定大小显示内容，如下所示：

if the viewport size is < x, render content at fixed size a
else if viewport size is < y, render content at fixed size b
else if viewport size is < z, render content at fixed size c
else render content at fixed size d

?

---

还是

标准做法是不使用适合纸张但大多数情况下不适合屏幕的合理内容

你能做什么，现在你在这里：

.content{
  width:80%; /* dynamic value */
  max-width:500px; /* fixed maximum */
  /* center */
  margin-left:auto;
  margin-right:auto;
}

您需要将CSS选择器编辑为您的CSS选择器

现在，您已准备好移动，并且具有最大宽度，您可以拥有最佳外观，以查找对齐的文本。它的更改频率是多少？。您需要使用这些值来获得适当的结果

您还可以更改较大视口大小的值：

@media screen and ( min-width:1024px ) {
  .content{
    width:70%; /* dynamic value */
    max-width:1440px; /* fixed maximum */
  }
}

---

当然，您也可以不使用动态值，而只使用固定值。

谢谢大家的回答。我只是，至少现在是这样，在阅读和尝试了很多小时之后，通过稍微改变一个字体大小设置，解决了这个问题。从2vw到1.98vw。虽然最终用户很高兴，但我想/需要了解我做了什么。看来是时候学习前端工作了

@media all and (max-aspect-ratio: 100/68){
   ...
   table#main td#mainLeft table#logoMoto{
     width: 30vw;
     height: 66vw;
     font-family: Arial, Helvetica, sans-serif;   
-->  font-size: 1.98vw;  // was font-size: 2vw;
     vertical-align: top; 
   }
   ...
}

---

忽略这里的用户故事，关注您的问题，是的，如果需要，使用css媒体查询可以轻松实现字体更改-99%的情况下，imo，不是这样。你能在jsfiddle中描绘一个你的情况的复制品或例子吗？@Stavm提供的任何标记/代码都必须在问题中，而不是在jsfiddle中。许多好的问题都会根据专家经验产生某种程度的意见，但这个问题的答案往往几乎完全基于意见，而不是事实、参考资料，或特定的专业知识。