真正自适应的表格布局

[subornaakter20]

现在让我们讨论一下您的网站确实拥有丰富表格的情况 - 这里值得使用 Footable 插件。

首先，你需要连接插件（从 GitHub 下载/从 CDN 连接），并初始化它：

针对移动设备的网站适配_table3

但是在使网站适应移动设备时有一个微 乔丹号码数据 妙之处：脚本计算的是表格的宽度，而不是视口的宽度。由于我们需要修复此错误，因此稍微“现代化”一下脚本是很重要的：

针对移动设备的网站适配_table4

为此，我们在初始化中指定表类，或者如果我们希望所有站点表都是自适应的，则只需指定表标签。

接下来，对于表头中的单元格，我们使用数据属性来指示哪些列将在什么大小下被隐藏：

网站针对移动设备的适配_table5

我们的意思是什么？在平板电脑上，“RAM”、“对角线”、“PPI”、“电池”列将被隐藏。在更小的手机屏幕上使用时，“价格”也会被隐藏。

在初始化时，可以设置检查点：

针对移动设备的网站适配_table6

事实证明，在 0-720 范围内，该规则适用于移动设备，720-1024 适用于平板电脑，1024 以上适用于台式机。如果需要，您可以创建更多规则。

您还可以选择默认展开特定列。在这种情况下，我们指定数据属性 data-expanded="true"：

针对移动设备的网站适配_table7

我们还没有介绍插件的所有功能，但是这个块足以创建自适应表。

让网站在线适应移动设备：6 项最佳服务
mobiSiteGalore

为移动设备调整网站_mobiSiteGalore

这项使网站适应移动设备的服务被认为是最易于管理的移动网站编辑器。据其创建者称，您只需 54 分钟即可开发出功能齐全的网站移动版本。

值得注意的是，现有的大多数服务都是针对智能手机的，而 mobiSiteGalore 允许您为较旧的手机型号准备网站。

摩拜

为移动设备调整网站_MobStac

使用 MobStac，您可以获得一个使用 HTML5 准备的移动网站。此外，您可以选择更改设置或选择特定的模板来更改设计，这并不困难。

需要强调的是，MobStac 是唯一提供内置移动网站货币化计划的现有服务。它的缺点是该服务仍处于测试阶段，但您可以收到邀请然后注册。

摩福斯

为移动设备适配网站_Mofuse

在这里，您可以使用两种方法开发网站的移动版本：使用 mofuse 自己开发，或者从专家团队订购以适应移动设备的网站。

在第一种情况下，您可以获得更广泛的设计选择，并且只需每月支付服务费。如果你雇用专家，所有的工作都会落在他们的肩上。

移动应用美国

为移动设备调整网站_Mobile App America

此选项为您的网站提供了改进的 SEO 方面。凭借其功能，您将领先于那些门户网站甚至还没有移动版本的竞争对手。在准备本文时，该应用程序支持 iPhone、黑莓和 Android 设备。

b动员起来

为移动设备调整网站_bMobilized

它将允许您在短时间内准备好您的网站的移动版本。该应用程序的特点是具有高级设置的快速转换，其中包括允许您更改设计。

据开发人员介绍，bMobilized 数据库支持超过 13,000 种型号的移动设备，其中包括当今一些最受欢迎的品牌。

但是，如果您担心网站适应移动设备的成本，那么这项服务非常适合您，因为您通过它托管的网站越多，您获得的折扣就越大。换句话说，对于需要适应移动设备的网站网络所有者来说，bMobilized 将是一个近乎完美的选择。