我的购物车顶部有一个CSS进度跟踪器。这是一个内部有无序列表的div。如何阻止无序列表移动到下一行
在这里看到实时取景:http://wordpress-15765-54444-143522.cloudwaysapps.com/shopping-cart/
进度跟踪的每一步之间的空间逐渐缩小屏幕尺寸。但是一旦屏幕点击768px,跟踪器就会闯入下一行,即使每步之间仍有空间进一步缩小。
我希望整个跟踪器(所有项目)最终一起分解到下一行,但是我怎么能够尽快阻止它发生?在这种情况发生之前,我需要每一步都进一步缩小。
看到这里现场截屏说明问题:http://screencast.com/t/nNgDguPEYevc
我试着改变媒体的质疑,最小/最大宽度和不同的显示值,但没有任何工程。
问题寻求帮助调试(” **为什么不是这个代码工作?**“)必须包含 所需的行为,特定的问题或错误以及必要的最短代码 在问题本身**中重现**。没有明确问题 声明**的问题对其他读者无用。请参阅:[如何创建最小,完成和可验证示例](http://stackoverflow.com/help/mcve)。 – j08691
**问题:**有序列表过早地切断到下一行。 **期望的行为:**在发生这种情况之前进一步收缩列表。 **最短代码:**在现场环境以外很难正确重现。我在这里尽力:http://codepen.io/anon/pen/ZONdPP但我担心它不能正确表示问题。 – bennygill