javascript - facebook 是否为手机和桌面设计了不同的网页

Question

我是网络开发新手，但已经熟悉 HTML 和 CSS，为我的元素设计了几个社交网络网页，但我很困惑。

我是否应该将移动网络与桌面分开设计？如果是，是否可以使用 php 来告知将哪个页面发送到设备？

最后Facebook用的是这个方法吗？

Answer 1

它们不会是完全不同的页面，但会针对不同的设备尺寸使用断点。

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

这是涉及的 CSS 示例。您可以在 https://www.w3schools.com/csSref/css3_pr_mediaquery.asp 找到更多信息