Question

是否可以分析客户端浏览器并为移动设备提供特殊设计的布局？

此外，如何实现一些在移动设备上可用的花哨小工具，如“下拉”和其他东西，如日期/时间选择等等？不要忘记智能手机或平板电脑中从一种情况到另一种情况的Style风格和艺术 - 怎么样？

我是这种app / web开发的新手，所以任何提示都没问题。

到目前为止的结论：使用像bootstrap这样的响应式Web设计来解决小屏幕和更改宽高比等问题，例如jQuery作为Widget的工具箱。

现在具体问题是如何将所有这些实现到0815'django app'中？

Answer 1

嗯，您当然可以列出常见的浏览器字符串，并为Android / iOS上最常见的浏览器创建自定义布局，并直接为这些浏览器提供服务。（不是首选）

然而，通常优选的方法是使用CSS媒体查询来响应web。这些查询类似于：

@media screen and (min-device-width:321px)
{
    ...
}

@media screen and (min-width:769px)
{
    ...
}

@media screen and (min-width:1025px)
{
    ...
}

在那些显示...的位置，您可以为所有元素执行自定义类/定位/样式。但谷歌是你的朋友，为你找到好的教程。

此外，还有许多CSS / JavaScript库可以为移动设备创建良好的按钮/布局。这些库通常考虑到按钮的触摸区域需要大于可见区域，元素之间有足够的间距。它们通常还包括“移动”小部件，例如弹出打开的花式对话框选择器，看起来就像iOS或Android上的原生弹出窗口。谷歌将再次成为你的朋友。

如果您发现自己被迫进行浏览器字符串比较，请不要指望您对设备的猜测是正确的。浏览器字符串非常棘手，并且不会泄露设备的大量信息。例如。您可能不知道访问者是在平板电脑还是智能手机上使用Chrome for Android。您可以使用浏览器字符串来确定用户是在Android还是iOS上。但对于Android，不希望能够从浏览器串中识别市场上所有可能的屏幕/设备。

Answer 2

我建议你给Twitter Bootstrap http://getbootstrap.com/一个机会在开发响应式网站时，它变得越来越流行。他们最近推出了新版本（Bootstrap 3），它非常棒，它可以帮助您轻松控制特定屏幕尺寸的显示和显示方式。

如果您想了解更多相关信息，还可以访问此YouTube频道http://www.youtube.com/user/CodersGuide?feature=watch

如何在django中为移动设备（手机/平板电脑）设计Web应用程序

2 个答案: