3

好的，所以我一直在考虑重新投入游戏开发。并一直试图保持一个小博客。一直想在某个地方放一些关于我在功课之外的工作的教程。我一直在使用博客，但我已经重新开始编写脚本和 Web 开发，并想尝试离开并在我的服务器上创建一些我自己的最小的东西。我迷上了 HTML5，并且一直喜欢使用 jQuery，因为它在我的脚本中提供了简单性。但是，总的来说，我对 Web 开发仍然很陌生，因为我在学校所做的大部分工作都严格地涉及本地编程。

我一直在尝试比较 jQuery UI 库和 jQuery Mobile。我有兴趣从头开始创建自己的博客。没有什么花哨。只是一个发布教程之类的地方。我确信我能够迎接挑战。据我了解，jQuery UI 和 jQuery Mobile 是两个完全不同的东西。除此之外，我不太确定我是否喜欢我能够在 themeroller 应用程序上为 jQuery UI 制作的主题。

我希望我的博客看起来不错，并在手机/平板电脑上快速运行。即使在桌面上，它也将非常小。使用 jQuery UI 创建博客并能够轻松地为移动设备扩展它会很容易吗？还是只为手机/平板电脑和台式机坚持使用 jQuery mobile 会更好，因为我想要最少的东西？我是否可以像使用 jQuery UI 一样使用 jQuery Mobile 实现自定义和可编程性？

如果有人知道任何好的解决方案可以让我为桌面和移动设备扩展相同的布局。

4

1 回答 1

3

jQuery UI 和 jQuery Mobile 实际上都有主题自定义。

jQuery UI - http://jqueryui.com/themeroller/ jQuery Mobile - http://jquerymobile.com/themeroller/index.php

就多功能性而言，这完全取决于您，移动浏览器能够同时运行 jQuery UI 和 Mobile，因此无论您在桌面上感觉舒适还是喜欢，都可以。

现在解决布局大小问题：

为桌面和移动设备缩放相同布局的最简单方法是使用具有百分比宽度的流动布局。但是，对于移动设备尺寸，它开始相当快地倾斜。

我建议不要只使用百分比，而是使用媒体查询。这将允许您随着屏幕大小的变化而更改 CSS，并且语法非常简单易用。

@media screen and (min-width: 600px) and (max-width: 900px) {
  .class {
   background: #333;
  }
}

只要它位于 CSS 文档的底部，就会覆盖任何预先存在的样式。也就是说，当屏幕尺寸在 600 到 900 像素之间时应用这种样式。意思是测试它，您实际上可以缩放浏览器的大小以查看差异。

有关媒体查询的更多信息：http ://webdesignerwall.com/tutorials/css3-media-queries

TL;DR jQuery UI 和 Mobile 是可主题化的，所以无论你喜欢哪个都可以使用媒体查询

于 2012-06-22T06:47:49.063 回答