移动端（视口(meta)，像素比，二倍图(图片，背景图，精灵图)，css初始化(normalize.css)，特殊样式，常见屏幕尺寸）
1. 视口：(布局视口(layout viewport)，视觉视口(visual viewport)，理想视口(ideal viewport)) meta 视口标签 <meta nam ...
原文：精灵背景图的二倍图实际操作
.在ps中打开，依次打开图像 图像大小，记录此时精灵图大小 将这个精灵背景图等比例缩放到原来宽高的一半，记录此时缩放后的精灵图大小。 .此时页面应显示的是缩放后的图片，打开f 找到它的坐标，将缩放后的xy坐标作为背景定位坐标 .bg size的宽度是缩放后的宽度。 这样，就完成了精灵二倍缩放，如果是三倍，将原图尺寸除以三就可以。 ...
2019-09-17 20:42 0 351 推荐指数：
相关推荐
二倍图和三倍图
例子 一倍屏：1物理像素 = 1px二倍屏：2物理像素 = 1px三倍屏：3物理像素 = 1px为什么要有二 ...
css二倍图的使用
IMG 的 SRCSET 属性 如何在普清的屏上调试CSS样式二倍图背景 ...
移动端二倍图和三倍图的处理方法
一倍图：设计稿320px 原名.png。二倍图：设计稿640px 原名@2x.png三倍图：设计稿750px 原名@3x.png ...
前端二倍图和三倍图的自适应调用
/* 如果设备像素大于等于2，则用2倍图 */ @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img ...
前端二倍图的思考（涉及Retina）
EXCELL格式 1 csv格式导出来之后不能用EXCELL打开，会乱码。用记事本打开，然后将“（英文的引号出掉），就可以了。 关于二倍图的操作 概念： 设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone 5：640 x 1136px. 不同的机型有不同的设备像素 ...
CSS——精灵图与背景图片定位
精灵图产生背景： 1、网页上的每张图像都需要向服务器发送一次请求才能展现给用户。2、网页上的图像过多时，服务器就会频繁地接受和发送请求，大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（CSS Sprites） 精灵图的定义 ...
求背景图
不少人说我原先背景看着眼疼，还有说看着冻的huang的，emmmm 找了一个小时没找到合适的，先用这个凑合着吧。。。 感觉那么阴沉 (⊙﹏⊙) 色调比较深，牺牲背景效果增加透明度 ┭┮﹏┭┮ 各位路过道友有什么推荐吗？ 最好是背景加鸡汤型 ...