建立一个移动友好的网站

Question

当您在浏览器中访问facebook newsfeed页面时,您会看到一个看起来像应用程序的酷炫移动界面.

那么如何做这种网站？这个应用程序有哪些界面？

它是用HTML,很多html5,Javascript,CSS？

Answer 1

我感谢你花时间尝试更好地理解网络,但是我想请你花一些时间在将来写出有思想的语法正确的问题.

话虽如此:

是的,它是在html,javascript和css中完成的,就像网上的一切一样.您可以使用"屏幕" 媒体查询自己完成,也可以使用Bootstrap或Foundation等框架,这些框架可以让您以非常简单直观的方式构建适合移动设备的网站.

该屏幕媒体查询,您可以根据屏幕的大小应用CSS.

示例(单击整页查看更改):

button{
  font-size: 30px;
}

@media screen and (max-width: 700px) {
        button{
            font-size: 12px;

        }
    }

<button>Test</button>

如果您有兴趣并成为更好的移动开发者; 我建议您下载其中一个框架,按照一些教程,并稍微使用它们,然后一旦您看到它们如何工作,尝试使用css媒体查询编写您自己的简单版本.