Rem是相对于根元素font-size大小的单位 记inphone5屏幕宽度是 320px font-size16px 1rem=16px smiledemo hello wangyawei 于是我们在js中写适配方案3行代码即可搞定 可以看出完美适配,font-s... ...
分类:
移动开发 时间:
2018-04-22 12:56:06
阅读次数:
196
介绍:rem是相对字体单位;根据html根元素大小而定,同样可作为宽高等单位; 适配原理:将px替换成rem,采用rem适配移动web的原理,根据不同屏幕宽度设置html的font-size的大小; 计算公式:1rem=html的font-size(浏览器默认font-sizt:16px); 动态修 ...
分类:
其他好文 时间:
2018-04-20 23:28:57
阅读次数:
186
/** * @author hechen */ var gs = { /**获得屏幕宽度**/ ScreenWidth: function () { return window.screen.width; }, /***获得屏幕高度**/ ScreenHeight: function () { re... ...
分类:
编程语言 时间:
2018-04-18 15:14:42
阅读次数:
178
vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。 vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。 rpx:rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为 ...
分类:
微信 时间:
2018-03-29 16:45:00
阅读次数:
2950
媒体查询(@media):能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果 列举常用的pc屏幕宽度: 1024 1280 1366 1440 1680 1920 我们可在css样式中来写,也在不同屏幕下引入相应的样式。 1、css样式 假设我们在不同屏幕下要写基础字体的变化 ...
分类:
其他好文 时间:
2018-03-20 19:47:30
阅读次数:
4913
在终端中运行Vim或运行GVim都会遇到这个问题,当窗口全屏时,左右和底部可能会出现边框,这个边框在终端中的Vim表现为Terminal的背景颜色。下图为SpaceVim+Neovim+Terminal的全屏效果 原因 Terminal中运行的全屏应用受限于屏幕显示多少行多少列都是固定的。正如在普通 ...
分类:
系统相关 时间:
2018-03-09 22:48:27
阅读次数:
247
移动端获取屏幕宽度 目录: 1$(window).width() 2scrollWidth 3让平台返回屏幕宽度 概述: 今天聊一个开发移动端经常碰到的一个问题:如何获取屏幕宽度,获取屏幕的办法有很多,今天总结一下各个方法的优点、缺点。 $(window).width(): 用jQuery或者zep ...
分类:
移动开发 时间:
2018-02-24 11:43:40
阅读次数:
215
Linux 系统状态的查看及管理工具: pstree ps pgrep&&pkill pidof top htop uptime vmstat iostat pmap glances dstat kill killall nohup screen systemd tmpfiles sleep chk ...
分类:
其他好文 时间:
2018-02-14 16:43:18
阅读次数:
356
window.onload=function(){ //1.首次加载的时候 调用动态设置rem的api setRemSize(); //2.当用户企图更改浏览器宽度 自动获取屏幕宽度 在计算rem赋值给根元素里面的font-size window.addEventListener("resize",... ...
分类:
其他好文 时间:
2018-02-07 10:24:14
阅读次数:
691
概念 响应式布局,就是响应式设计方案的呈现。具体点就是在不同的设备上,网页能自动识别屏幕宽度、并根据设备的显示面积(一般情况下是指的屏幕宽度,当然,也可以是其他的,可以在下面详细解释)显示出不同的效果。通俗点就是设计一套布局,在PC端和移动端都可以使用。 如何实现响应式布局? 通俗的有三种方法 1、 ...
分类:
其他好文 时间:
2018-02-03 19:59:36
阅读次数:
167