如何制作适用于移动和桌面Web浏览器的应用程序?

时间:2012-11-19 10:31:44

标签: html5 css3 cross-browser mobile-application

我正在尝试创建一个Web应用程序,我将在服务器上托管它。它应该可以通过所有智能手机上的移动浏览器访问,也可以通过桌面Web浏览器访问。

我对此很陌生。在谷歌上查看这个让我更加困惑,因为我知道我可以用HTML5,CSS3和JavaScript制作应用程序,并且可以像移动浏览器一样在移动浏览器上访问它们,但我想知道的是如何处理手机的尺寸和规格。 UI组件在移动环境中应该是用户友好的。

是否有任何IDE或API可以实现这一目标?

1 个答案:

答案 0 :(得分:1)

  

但我想知道的是如何照顾大小和   手机规格,

您应该使用CSS媒体查询:

@media (max-width:480px) 
{
  // styles for devices with width 480px or less, e.g. iPhone

}

MEDIA QUERIES