Question

我有一个网站，可以上传带有激活码的文件和input来手动插入。在智能手机和平板电脑上，fileupload不可能。我试着像

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />

        <title />

        <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <!-- Some content for the page -->

        <div class="hidden-xs hidden-sm">
            <span>Upload file</span>

            <input type="file" />
            <input type="button" value="Upload" />
        </div>

        <div>
            <span>Insert key</span>

            <input type="text" />
        </div>

        <!-- More content for the page -->
    </body>
</html>

这适用于智能手机，纵向模式平板电脑和桌面设备。在横向模式下的平板电脑上，上传可见。分辨率似乎是“中等”（meens桌面），所以它显示出来。

如果设备是智能手机，平板电脑或桌面并且为每个设备定义行为，是否可以获取信息？

提前致谢。

Answer 1

您必须为此确定使用者，这仅适用于CSS。您可以使用Javascript在服务器端添加某个正文类或其他内容。

detectmobilebrowser.com上有很多脚本，您可以修改这些脚本以区分智能手机和平板电脑。

使用Bootstrap为设备类型进行响应式设计

1 个答案: