1.先谈一下响应式和自适应的区别 响应式：它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。简言之，是一个网站能够兼容多个终端（手机、Pad、电脑）的布局方法，而不需要为每个终端书写一套特定版本的代码。 自适应：移动端 ...

<template> <div class="big-screen-layout"> <div ...

Ubuntu升级后，发现分辨率没有1920*1080，在网上寻找了一个文章解决办法如下。 方案一（临时性，重启会失效）： 1、打开终端。输入：cvt 1920 1080 出现有modeline 的提示。 2、使用 xrandr 创建新的 mode，--newmode 后面跟刚刚 cvt ...

$(function(){ var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值 var wH = window.innerHeight;// 当前窗口的高度 var wW = window.innerWidth;// 当前窗口的宽度 var rem ...

对于pc端网页的适配，笔者大体的适配方法就是在整体布局div时，尽量让width、height都使用百分比方式，而对于内部div，以及元素之间的margin、padding、width、height等属性，使用rem来进行适配。直接贴代码说明原理。 整体思路便是这样，而要让页面渲染完成之前 ...

目也pc端有适配的需求：目前我们pc项目的设计稿尺寸是宽度1920，高度最小是1080。 适配目标： 1.在不同分辨率的电脑上，网页可以正常显示 2.放大或者缩小屏幕，网页可以正常显示 对于宽度的适配 对于宽度适配： 首先设置html,body{width:100 ...

转自：https://www.cnblogs.com/liangtao999/p/12047734.html ...

//App.vue mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.replace('/m_index'); } else { alert("pc端"); // this.$router.replace ...