我通过指定要拉伸的元素的宽度和指定“left”“left:40%;”时的百分比来使用百分比。例如和一个相对位置。这允许元素在页面调整大小和拉伸时随页面移动，但在某些分辨率大小下，元素不会完全保持原位。我是否坚持使用媒体查询来解决这个问题，还是有其他方法？我仍在使用媒体查询，但我也不希望我的设计在到达断点之前这么早中断，我希望它在必须启动媒体查询之前尽可能灵活/有弹性。
问问题
31 次
2 回答
1
我认为与其担心页面看起来很时髦的那些古怪尺寸，不如考虑实际使用的最常见的屏幕尺寸。
我完全知道你对这些断点的意思。这就是为什么我使用 screenfly 在最常见的屏幕尺寸上测试我的网站并从那里开始工作的原因。
如果您的站点元素没有保持您想要的位置，那么您可能错误地计算了百分比。这是一篇很棒的文章，它帮助我进行了流畅的布局以及如何设置百分比和其他内容：http ://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-9122768
于 2013-10-10T19:31:10.603 回答
0
改为使用float: left百分比宽度，这应该可以满足您的需求。如果您使用left: 40%偏移量（间隙或间距），请尝试使用margin-left.
于 2013-10-10T17:01:40.320 回答