如何将 Mobile_Detect.php 用于 Web 表单？ [关闭]答案

【问题标题】：How do one use Mobile_Detect.php for a web form? [closed]如何将 Mobile_Detect.php 用于 Web 表单？ [关闭]
【发布时间】：2014-09-11 08:55:09
【问题描述】：

我目前是一个开发 Web 表单的初学者，我被困在移动支持的东西上，我遇到了这个 php 代码：Mobile_Detect.php

如何使用它来制作我的form？

【问题讨论】：

那么您的问题到底是什么？ GitHub 上有一些示例可用于您的代码 (github.com/serbanghita/Mobile-Detect/wiki/Code-examples)。您想对 Mobile_Detect 的输出做什么？如果您的问题与表单样式有关，请查看响应式设计和媒体查询！
样式是问题@Daniel
还要检查这个here，它运行if 语句，对许多编码语言非常有效。
您能否向我们展示您目前的表单代码，以及您遇到的问题的描述？用 Stack Overflow 的术语来说，这个问题目前过于宽泛，无法回答。
@halfer 他发布了一个指向他的公式 GIT 存储库的链接

标签： php html css browser-detection

【解决方案1】：

如果是样式问题，可以通过不同的方式归档您想要的内容：

如果你真的想使用 Mobile_Detect，你可以这样做：

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if($detect->isMobile()){ /* include mobile.css */ } 
else if($detect->isTablet()){ /* include "tablet.css" */ }
else { /* include "desktop.css" */ }

但在我看来，在这种情况下没有必要使用 PHP。您不需要知道用户使用的是哪种设备，因为样式问题通常与屏幕尺寸有关。在 CSS 中，您可以像这样使用媒体查询：

@media (min-width:320px) { /* smartphones, portrait iPhone */ }
@media (min-width:480px) { /* smartphones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets */ }
@media (min-width:801px) { /* landscape tablets */ }
@media (min-width:1025px) { /* laptops, and desktops */ }
@media (min-width:1281px) { /* large laptops and desktops */ }

在查询中，您可以覆盖仅在屏幕尺寸在给定范围内时才使用的 CSS 属性。我认为这是一个非常聪明的解决方案！

【讨论】：

我完全同意，但是对于响应能力，哪些属性受影响最大？因为当屏幕尺寸改变时，整个布局也必须改变。
您可以使用媒体查询进行所有您想要的布局更改。由于您只需将差异设置为初始 CSS 定义，因此此处不需要重复定义。尝试使用百分比宽度 - 这让一切变得更容易，并且您不需要为每个屏幕宽度进行一千次查询；）
例如，Twitter Bootstrap 使用了一个基于媒体查询的网格系统，效果非常好。你可能想看看他们的代码。 (getbootstrap.com/css/#grid)
有道理。说真的，有没有特别为响应性做了编辑的演示？
等等，当我使用 bootstrap 时，是否需要重新构建整个表单？