• 本站域名:OceanCoder.cn 若您喜欢本站,请添加至收藏夹!
  • 网站少部分资源来源自网络,如有侵犯您的权益,请联系站长删除!
  • 本站所有文章,除特殊标明外,皆为本人原创,转载请注明出处,谢谢合作!
  • 本站所下载的资源,若无特殊说明,使用统一解压密码:oceancoder.cn
  • 本站已实现布局自适应,支持手机端、pad端访问,欢迎体验
  • 本站部分资源可通过微信公众号留言获取,欢迎体验

html代码适配移动端布局,秀米等编辑工具放入ueditor实现手机端效果

HTML+CSS+JS OceanCoder 2022-08-23 326 次浏览 0个评论
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
    <style>
        html,body{
            height:100%;
            width:100%;
            padding:0;
            margin:0;
        }
        #content{
            width:90%;
            height:100%;
            padding:0;
            margin:10px auto;
        }
    </style>
    <script type="text/javascript">
       
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return r[2]; return null;
        }
            function img_resize(){
                var imgs = document.getElementsByTagName('img');
                for(var i in imgs)
                {   
                var img = imgs[i];
                img.style.width='100%';
                img.style.height='auto';
                }
            }
    </script>
</head>
<body>

//放入秀米等编辑器的section


</body>
 <script>
img_resize();
</script>
</html>


已有 326 位网友参与,快来吐槽:

发表评论