摘要:物理像素移动设备出厂时,就具备的分辨率,小米逻辑像素当你在设置了,那么页面就会以移动设备的作为逻辑像素。但是的逻辑像素只是小米的,不同手机之间存在差异性,为了让所有手机上面的图片较为正常的显示,那么应该选取一个物理像素较高的图片。 基础概念 dpi 每英寸所含有的像素点的个数。 物理像素 移动设备出厂时,就具备的分辨率,小米5 1920x1080 iphone6 1334x750 逻...
摘要:最近因为一些网页的需要,比较深入的使用了的伪元素,发现原来不只是用用或而已,可以玩的东西还真是不少,所以就来篇文章,把这些比较不常玩的用法纪录一下。 最近因为一些网页的需要,比较深入的使用了CSS的伪元素(Pseudo Element),发现原来不只是用用before或after而已,可以玩的东西还真是不少,所以就来篇文章,把这些比较不常玩的用法纪录一下。 什么是伪元素?伪元素之所以称...
摘要:解析格式化上下文更多前端技术和知识点,搜索订阅号菌订阅块级格式化上下文,块级格式化上下文。实际上就是页面中一块渲染区域,该区域与其他区域隔离开来。容器里面子元素不会影响到外部,外部的元素也不会影响到容器里面的子元素。 解析 CSS 格式化上下文 showImg(https://segmentfault.com/img/remote/1460000018878828); ⭐️ 更多前端技...
摘要:对前端开发,熟知不同的浏览器,的解析是基本技能,下面,我就向大家展示一下,如何获得当前用户所用的终端设备。 对web前端开发,熟知不同的浏览器,的解析是基本技能,下面,我就向大家展示一下,如何获得当前用户所用的终端设备。车子一发动,请准备上车。。。。。。。。。。。。。。。。。。。 //判断客户端的设备 currentLang = navigator.l...
摘要:属性顺序标签标签标签必须加上命名命名规范名称中只能出现小写字符和破折号使用有意义的名称,使用有组织的或目的明确的名称名称应当尽可能短,并且意义明确,避免过度任意的简写。而是一个尚未被改变过的也是属于的元素。 html属性顺序 class id data-*,name src, for, type, href title, alt aria-*, role /*a标签*/ Ex...