响应式网页设计的最佳尺寸是多少

Question

通过互联网搜索，我发现许多不同的尺寸被称为适当的以创建响应式设计，但我正在寻找最佳断点，特别是当涉及到小屏幕手机时，如 j510 (j5 2016)

Answer 1

我通常使用 max-width: 767px 移动设备，768px to 1365px 平板电脑和更高版本的桌面设备。

Answer 2

没有真正的答案...这取决于您的站点、设计、目标。

我通常使用这些媒体查询并且它在 99% 的时间都有效：

/* for-phone-only */
@media (max-width: 599px) { }


/* for-tablet-portrait-up */
@media (min-width: 600px) { }


/* for-tablet-landscape-up */
@media (min-width: 900px) { }


/* for-desktop-up */
@media (min-width: 1200px) { }


/* for-medium-desktop-up */
@media (min-width: 1400px) { }


/* for-big-desktop-up */
@media (min-width: 1800px) { }

注意：媒体查询是移动优先的

响应式网页设计的最佳尺寸是多少

What are the best dimensions for responsive web designs

html

css

responsive