移动前端适配—逻辑像素和物理像素
基础概念 dpi 每英寸所含有的像素点的个数。 物理像素 移动设备出厂时，就具备的分辨率，小米5 1920x1080 iphone6 1334x750 逻辑像素 Give your page a <meta name="viewport" content ...
原文：【移动适配】一个像素的border怎么实现
一个像素里复杂纷扰的世界 文 啃先生 Mar. rd. 首发于微信公众号 啃先生 上一篇发了 移动适配 移动Web怎么做屏幕适配 壹 Fisrt 在CSS的世界里Px是原子操作，我们无法定义边框的宽度是 . px，最小都是 px。所以有以下结论： 然而，对于精益求精的产品而言，这种认识只是片面的 例如：我做了一个页面，上面只有两条边框，在高清屏 如iPhone s 上，经过特殊处理的边框比 像素的 ...
2016-03-04 09:38 2 4698 推荐指数：
相关推荐
移动端适配-像素 viewport
一个网页，在电脑端和pc端，设置同样的像素，为什么显示的大小不同？ 先直接回答一下这个问题，再讲一下相关的概念； 移动端对这个页面进行了缩放，这是浏览器帮我们做的，虽然没有设置 meta 标签，没有设置initial-scale(缩放值） 浏览器默认，对于移动 ...
从设备像素比到移动适配
一.设备像素比(device pixel ratio ) 视觉稿 在前端开发之前，我们会有一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多 ...
设备像素比+图片高清显示+移动适配
一、设备像素比 dpr （devicePixelRatio） 首先进行概念的一些解释： 1、物理像素（又称硬件像素）（physical pixel） 一个物理像素是显示器上最小的物理显示单元，每一个像素都有自己的颜色值和亮度 ...
在移动端实现一像素边框
由于分辨率 DPI 的差异，高清手机屏上的 1px 实际上是由 2×2 个像素点来渲染，有的屏幕甚至用到了 3×3 个像素点 所以 border: 1px 在移动端会渲染为 2px 的边框 虽然用户在实际使用的时候，很难发现这 1px 的差异，但是设计师往往会在这 1px 上较劲，这就产生 ...
关于移动端border 1像素在不同分辨率下边显示粗细不一样的处理
最近开发发现一个很有趣的问题 就是我如果给一个元素加上一个像素的 border 在不同的分辨率的情况下显示的不同 在高清屏幕（尤其是ios 喽 不鄙视国产） 据说在6plus下会变成3px 这个我就不知道了 因为我没有。。。 那么我们换个单位行不行？ 因为移动端不用px来做 啊 对不起 ...
移动端 1px 像素边框问题的解决方案（Border.css）
前言 关于什么是移动端1像素边框问题，先上两张图，大家就明白了。 解决方案 将以下代码放在border.css文件中，然后引入 border.css【注意】 代码： . ...