微信开放平台网页扫码登录，href自定义CSS样式无效的原因和解决办法

版权声明：本文为Erdaicms原创文章，未经博主允许不得转载。 https://blog.csdn.net/erdaicms/article/details/53326441

微信开放平台网页扫码登录，把相关JS放去进去后，，发现模式的二维码宽度是280px的，对我来说太宽了，

按照官方的说法，  自定义一个样式，把网址填入href里就行了，如下这样：

         var obj = new WxLogin({
                              id:"login_container", 
                              appid: "wx38a7a7778", 
                              scope: "snsapi_login", 
                              redirect_uri: "",
                              state: "32423efr",
                              style: "",
                              href: "https://www.xxxxx.com/css/weixin.css"
                            });

  但是，发现死活不生效，百度了很久，部分人说，href地址要是外网地址，，我的也外网啊，一直不生效，郁闷啊，误解啊，，

  后来发现，浏览器的错误提示如下：

   

  错误是：This request has been blocked; the content must be served over HTTPS.

  瞬间明白了，，意思是这个连接请求被阻断了，连接必须是https的安全连接，http不行，呵呵，就是这样原因