Jquery mobile 如何应用数据mini="；“真的”；如果网站是web（且在移动设备上不适用）

我的网站使用JQuery Mobile，但是表单元素对于网页来说太大了。是否有一个wa，我可以对整个站点应用data mini=“true”？i、 e对网站（>768px）应用mini，如果屏幕宽度<768px，则不适用

---

我知道我可以单独应用，但有没有一个地方可以设置为适用于整个元素集。

是的，将

.ui mini

类应用于主体，除了一些小故障之外，jQuery Mobile CSS将完成其余工作

您将在下面的演示CSS中找到一些小的修补程序。对于

翻转开关

，请使用复选框版本

演示：（）

函数minui（e）{
$（“body”）.toggleClass（“ui mini”，window.innerWidth>768）；
}
$（函数（）{
$（窗口）.on（“throttledresize”，函数（e）{
米努伊（e）；
});
});
$（文档）。在（“pagecontainerbeforeshow”上，函数（e，ui）{
米努伊（e）；
});
混合控制组按钮的热修复程序*/
.ui mini.ui btn{
字体大小：继承！重要；
}
/*滑块修复程序*/
.ui迷你.ui滑块.ui滑块轨迹，
.ui mini.ui范围滑块.ui滑块轨迹{
高度：12px！重要；
顶部：8px！重要；
}
.ui mini.ui slider.ui slider track.ui slider handle，
.ui mini.ui范围滑块.ui滑块轨迹.ui滑块句柄{
高度：14px！重要；
宽度：14px！重要；
余量：-8px0-8px！重要；
}

灵敏迷你
文本输入：
搜索输入：
文本区域：
文本区域
本机选择：
一个
两个
三
自定义多重选择：
选择：
一个
两个
三
垂直控制组，按钮：
一个
水平控制组，按钮：
一个
垂直控制组，选择：
选择一个
一个
两个
三
选择B
一个
两个
三
选择C
一个
两个
三
水平控制组，混合：
按钮
挑选
一个
两个
三
滑块：
范围滑块：
范围滑块：
范围滑块：
范围滑块：
基于复选框的：
单个复选框：
我同意
垂直控制组，复选框：
一个
两个
三
垂直控制组，无线电：
一个
两个
三
水平控制组，复选框：
一个
两个
三
水平控制组，无线电：
一个
两个
三
发送：
提交
页脚