我目前正在重做我的css和其他需要让我的自适应网站响应的东西 - 直到现在我为我的笔记本电脑设计了我的网站，然后按比例缩小，现在我正在从另一边做。
我设法让网站在319x480看起来不错，现在我会看到在哪里制作我的第一个断点：你究竟是怎么做到的？我应该只是水平调整窗口大小，看看需要休息的地方，还是我也应该垂直地做？从我看过的教程中他们总是只是横向谈论，但你不想错过一些东西吗？
此外，现在它在纵向模式下看起来很不错。让我们说我将以600px宽度为纵向制作一个断点，一个以1000px制作断点。我是否应该回到319x480并翻转到横向并再次展开网站并找到横向模式的新断点？
你是如何以有条不紊的方式解决这个问题的？我认为这是一种非常酷的设计方式，我真的想学习如何做好。
谢谢！
答案 0 :(得分：0)
如果您首先使用移动设备，则需要使用最小宽度的媒体查询。桌面首先使用最大宽度。像你要问的那样，专注于宽度而不是垂直高度，如果浏览器窗口高度调整大小，滚动条通常很好。您不希望人们通常需要水平滚动。
示例：
x_test答案 1 :(得分：0)
您可以在浏览器控制台中查看所有主要断点。在这里你可以看到，通常只有宽度变化。可能垂直调整大小不会影响您的页面
答案 2 :(得分：0)
通常，CSS断点是水平的，因为响应具有“流”布局。例如，如果您的网格布局并排放置3张照片，并且浏览器显示得太窄，则显示所有这些照片，应该叠加在一起，以便视图可以滚动浏览它们。
以多种尺寸和宽高比测试您的网站总是一个好主意，特别是如果您使用固定/绝对位置或计算高度。