dynamic - 无论屏幕大小如何，将文本导航缩放到导航行的宽度

Question

有问题的页面是：http : //amytdatta.com，我正在使用 Virb 来构建站点。

我希望顶部文本导航始终缩放到导航栏的宽度，并且没有任何文本像当前那样运行到下一行（至少在我的 21 英寸 iMac 屏幕@ 1680x1050 上）。

任何有关如何实现这一目标的建议将不胜感激。

谢谢！

Answer 1

我认为可行的唯一方法是你找出你有多少导航项目，将 100 除以那个数字，然后让每个 div 的百分比都那么宽。

例如，如果您有 5 个，则将每个设置为 width:20%; 这样他们就可以一直坐在一起。

这是否是一个好主意由您决定。可能是您设计导航的方式不起作用，因为您有太多项目并且需要更好的方式来显示它们。这是一个设计问题，而不是如何解决的问题。

希望有帮助。