亲爱的老狼- 移动端和PC端的不同

移动端比较于pc端，改变的设定并不大，只是其中有数个添加的设定需要谨记：

首先说明，移动端里不再适用px绝对像素单位，而是改为rem相对单位。

body{
max-width: 750px;
min-width: 320px;
margin: auto;
header{
height: 5.5rem;
}
……
footer{
height: 6.125rem;
}
}

进行说明（固定设定）：body里添加的是通用设定，因为移动端和pc端不同，屏幕狭窄，所以，宽度设定最高：750px，最低：320px，且居中。

header里面、footer里面的高度也固定：header：88px转rem，footer：98px转rem。

<html><meta name="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
<body></body>
</html>
<script src="  "></script>

进行说明（固定设定）：html中meta首先替换其中最长的那一条，（固定的代码段）

html后面加上js链接

另外：检查时建议采用iphone6/7/8标准来检查，检查侧边时，采用responsive的标准。

亲爱的老狼- 移动端和PC端的不同相关推荐

js判断移动端，pc端，安卓，苹果浏览器的方法
js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...
360浏览器打不开网页_苹果移动端、PC端safari浏览器打不开网页的解决方案！
你还在为苹果自带的safari浏览器打不开网页而苦恼吗,接下来的答案会帮助你解决苦恼. 苹果自带safari浏览器的设备分为两种:移动端.PC端.因此不同设备出现safari浏览器打不开网页的情况需要 ...
js 判断移动端还是pc端，ios或者android
js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...
vue 判断移动端、pc端
判断移动端或pc端经常在项目中会有支持 pc 与手机端需求.并且pc与手机端是两个不一样的页面.这时就要求判断设置,根据不同的设置跳转不同的路由. 先写个方法: //APP.vue isMobile ...
移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究参考文章: (1)移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究 (2)https://www.cnblogs.com/ranyon ...
C#和JQ判断移动端还是PC端
判断移动端还是PC端浏览网页可以使用两种方法: 1.在C#语句进行判断 /// <summary>/// 判断是移动端/// </summary>/// <returns ...
java 判断手机访问_java后台如何判断是移动端还是pc端的访问请求
java后台如何判断是移动端还是pc端的访问请求主要是根据 HttpServletRequest request 中的请求头所带的参数 user-agent来获取: String userAge ...
移动端和PC端的pdf预览与下载
34.移动端和PC端的pdf的预览与下载 1.预览需求:在手机端实现pdf的文件与下载,主要是zlb_app中实现过程:在研究了vue-pdf.pdfjs.pdfh5之后,选择了vue-pdf-s ...
移动端和pc端的区别
PC端与移动端的区别 pc端与移动端从兼容性.事件处理.布局.动画处理上来说有五种区别 1.从兼容方面来说, PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是andro ...

亲爱的老狼- 移动端和PC端的不同

亲爱的老狼- 移动端和PC端的不同相关推荐

最新文章

热门文章