搜索

+

95

-

iframe如何进行不同尺寸设备切换比如手机平板电脑等？

html5 javascript css

请问iframe如何进行不同尺寸设备切换比如手机平板电脑等？

网友回复

+

15

-

效果如下：

完整代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(['jquery.qrcode.min'], function() {
                $("#div-qcode").qrcode({
                    width: 200,
                    height: 200,
                    text: window.location.href
                });

            });
            $("#desk-view").click(function() {
                $("#priview-inf").removeClass().addClass("desk");
            });
            $("#pad-view").click(function() {
                $("#priview-inf").removeClass().addClass("pad");
            });
            $("#phone-view").click(function() {
                $("#priview-inf").removeClass().addClass("phone");
            });
            $("#qcode-view").hover(function() {
                $("#div-qcode").show();
            }, function() {
                $("#div-qcode").hide();
            });

        });
    </script>
    <style>
        body {
            padding: 0;
            margin: 0;
        }


        #priview-inf {
            height: 100%;
            overflow: visible;
            position: relative;

        }
        .desk {
            width: 100vw;
            height: 100...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问