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

微信开放平台网页扫码登录，把相关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不行，呵呵，就是这样原因

 

Erdaicms旅游网站程序官方网站 http://www.erdaicms.com