何以公域，唯有“跨屏”

无论是百度、腾讯还是阿里，或是头条抖音，都在建立自己的流量池，并且为了保护自己的流量，通常会在建立自己的壁垒，通俗一点讲就是在玩私域流量，比如我们以往常见的微信上不能发布抖音链接，这就是微信在搭建自己的私域流量，为了防止流量通过微信的分享链接跑到抖音上去。

如今各大平台都在玩私域流量，大到抖音 就是私域流量，小到自己建立的qq群，微信公众号也属于自己的私域流量，但是有一种内容的形态可以跨越不同的终端，app都可以被访问到，那就是网站。而传统的网站往往是在pc上能访问，有一种网站可以跨屏幕、跨终端、跨平台的网站，我们称之为跨屏网站，它能够自适应不同的终端，加上网页自身可以在任何app上访问的属性，拥有一个跨屏网站，可以在任何地方驰骋。

如果说跨屏办公，就是办公人员在不同屏幕设备（电脑、平板、手机、电视等），不同的操作系统（Windows、IOS、Android）之间流畅的切换办公。那么跨屏网站就是用户不同屏幕设备（电脑、平板、手机、电视等），不同的操作系统（Windows、IOS、Android）之间流畅的访问的网站，称之为跨屏网站。

跨屏网站又称响应式网站，通常基于html5和css3多媒体查询技术实现，代码如下：

/*大屏幕*/
@media screen and (min-width: 1200px) {
    body {
        background-color: brown;
    }
}
/*平板电脑与小屏电脑之间的分辨率*/
@media screen and (min-width: 768px) and (max-width:979px) {
    body {
        background-color: blue;
    }
}
/*横向放置的手机和竖向放置的平板之间的分辨率*/
@media screen and (max-width:767px) {
    body {
        background-color: blueviolet;
    }
}

/*竖向放置的手机以及分别率*/
@media screen and (max-width: 480px) {
    body {
        background-color: black;
    }
}