jquery - HTML5 桌面/移动博客 - jQuery UI 还是 jQuery Mobile？

Question

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

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

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

如果有人知道任何好的解决方案，可以让我在桌面和移动设备上缩放相同的布局。

Answer 1

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 都是主题化的，所以无论你喜欢哪个 也使用媒体查询