html页面和手机比例一致 一比一自适应 Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insec
1. HTML页面与手机端一比一适应
这行代码是一比一自适应，目的是让手机端看见的网页和在电脑上看见的相同，不写这一行会导致手机上的网页特别小。
原因是电脑显示的是px和手机上像素单位不一致，在<head>中加入下面这行代码即可
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2. Mixed Content: The page at ‘xxx’ was loaded over HTTPS, but requested an insecure resource ‘xxx’.
一般是引用的jquery框架用的是http而不是HTTPS，是不安全的
如：
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
解决方法：
① 将http改为https
<script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
② 页面的head中加入：
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
意思是自动将http的不安全请求升级为https
如果有帮助，请您点个赞啦
html页面和手机比例一致 一比一自适应 Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insec相关推荐
- php引用http的页面,如何在HTTPS 网页中引入HTTP资源： Mixed Content？
HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的. 方法1:相对协议. 对于同时支持 ...
- 在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示
在HTML5中, web app 以及手机客户端中,设置页面图片等比例居中显示 接触前端时间不长,费了一些时间 img{display:block;max-width:100%;margin:auto ...
- h5实现网页内容跟随窗口大小移动_HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结...
这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值,需要的朋友可以参考下 1.使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标 ...
- 移动端H5页面自适应手机屏幕宽度
https://www.cnblogs.com/yzadd/p/6437664.html 移动端H5页面自适应手机屏幕宽度 1.由于本人使用的是sublime.text,使用rem就可以达到效果. 点 ...
- 移动页面自适应手机屏幕宽度
关于移动页面自适应手机屏幕宽度的一点总结[站在巨人的肩膀上] 使用meta标签 最常用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所 ...
- 关于移动端页面在手机调整字体大小后无法正常显示（已解决）
关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到, 已经完成的移动端页面,正常情况下在手机上的浏览器端和App端都可以正常显示,可当测 试把手机字体调大后,布局就忽然变乱 ...
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
让Webview加载的页面居中显示有我知道的俩种方法 第一种: [java] WebSettings settings = webView.getSettings(); settings.setL ...
- h5微信页面在手机微信端和微信web开发者工具中都能正常显示，但是在pc端微信浏览器上打不开（显示空白）
记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都能正常显示,但是在pc端微信浏览器上打不开(显示空白). 原因:pc端微信浏览器不支持es6,而我的代码使用了 le ...
- 某注册页面存在手机短信验证码绕过
某注册页面存在手机短信验证码绕过的情况 关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭关闭 ...
最新文章
- hdu 5366 简单递推
- 手工接口测试考虑的点
- Python 复数属性及操作介绍
- excel数据库_将excel文件导入mysql数据库教程（PHP实现）
- Java例外：java lang NoSuchMethodError
- MFC+ODBC操作Access数据库pdf版
- css无效 https_【CSS非全解02】CSS基础-文档流
- windows server 2008中IIS7的功能模塊
- CCNA基础(一)：交换机和路由器基础配置
- ResNet网络简单理解与代码
- linux 下配置jdk
- 企业信息化之“请纵向排队”
- BootStrap格栅系统
- python正则表达式基础
- 当当网图书爬虫与数据分析
- 《SEM长尾搜索营销策略解密》一一2.14 3M的奇思妙想，原来来自长尾
- 电容有哪些用途？常见的九大作用
- 袁国勇、裴伟士、张杰和施敏四位科学家获2021未来科学大奖
- linux查看指定目录下各个文件大小以及总体大小
- 转载 PCIe学习（三）：PCIe DMA关键模块分析之二