我通过指定要拉伸(stretch)的元素的宽度和指定“left”时的百分比来使用百分比“left:40%;”例如和相对位置。这允许元素在调整大小和拉伸(stretch)时随页面移动，但在某些分辨率下，元素不会完全留在原地。我是坚持使用媒体查询来解决这个问题还是有其他方法？我仍在使用媒体查询，但我也不希望我的设计在到达断点之前这么早就中断，我希望它在必须启动媒体查询之前尽可能灵活/有 flex 。
最佳答案
我认为与其担心那些让您的页面看起来很时髦的古怪尺寸，您应该考虑实际使用的最常见的屏幕尺寸。
我很清楚你所说的那些断点是什么意思。这就是为什么我使用 screenfly 在最常见的屏幕尺寸上测试我的网站并从那里开始工作。
如果您的网站元素没有保持您想要的位置，那么您可能错误地计算了百分比。这是一篇很棒的文章，它帮助我进行了流畅的布局以及如何设置百分比等等:http://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-9122768
关于html - 在使用百分比和相对定位时，有没有办法防止我的流体设计被破坏？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19301408/