建立一个移动友好的网站

时间:2015-01-23 20:07:01

标签: javascript html css html5

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

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

是用html,还有很多html5,Javascript,css?

2 个答案:

答案 0 :(得分:7)

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

话虽如此:

是的,它是在html,javascript和css中完成的,就像网络上的所有内容一样。您可以使用“屏幕”Media Query自行完成,也可以使用BootstrapFoundation等框架,这些框架可让您以非常简单直观的方式构建适合移动设备的网站。< / p>

  

屏幕媒体查询允许您根据大小应用css   屏幕。

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

button{
  font-size: 30px;
}

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

        }
    }
<button>Test</button>

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

答案 1 :(得分:2)

在CSS中使用@media查询为不同大小的设备开发不同的接口。

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp