jquery - 智能手机和 table 的CSS保护套

尊敬的stackoverflow社区，

要创建过去的自适应设计，使用具有最小宽度和最大宽度的@media来定义设计比例非常容易。现在，我们在智能手机和平板电脑上具有大屏幕旋转，例如1080p（1920 x 1080像素）。所有最新的基于Android的智能手机和平板电脑。 iOS在+ 720p屏幕分辨率上很受欢迎。

实际上，大多数台式机分辨率现在都可以与智能手机和平板电脑相提并论，我找不到在CSS中区分大小写的简便方法。

您是否知道在不使用CMS或过多的预构建模板的情况下实现此目标的好指南？

非常感谢！

最佳答案

如果您没有触摸设备，此javascript代码会将一个类添加到body元素。这对我很有帮助，并且使移动设备和台式机设备之间的分离变得非常容易。

<script type="text/javascript">
    //detect if browser supports touch
    var is_touch_device = 'ontouchstart' in document.documentElement;
    if(is_touch_device){
        $('body').addClass('touchDevice');
    }else{
        $('body').addClass('notTouch');
    };
</script>

关于jquery - 智能手机和 table 的CSS保护套，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20497106/