原文:移动端切图备忘

作为一名刚接触移动端页面的孩子,总会遇到很多问题,如为什么 head 那里要加 viewport meta,为什么背景图片要用 二倍图 等等。我相信也有很多人跟你说,加 viewport 是为了让页面不缩放,让页面在手机上能 : 显示 用 二倍图 是因为 retina 屏 个像素被分为 个像素,所以模糊了,需要用大一倍的图片,让其显示正常。 或许你哦了一声后也一直这么做,但是你事实上并不明白更细节 ...

2014-10-08 16:44 4 7818 推荐指数:

查看详情

移动rem切

1.为什么用rem 根据屏幕大小,自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的(记得等比例缩放) b.调试时记得把浏览器默认最小字体设置为最小。手机是支持12px以下的字体的 c.引入meta头 d.引入reset文件 ...

Mon Dec 12 05:10:00 CST 2016 0 1815
移动轮播实例

移动轮播 采用手机页面自适应解决方案—rem布局 ...

Thu Oct 26 03:28:00 CST 2017 0 1753
移动轮播(原生JS写法)

移动轮播功能和PC基本一致。 实现功能: 可以自动播放图片 手指可以拖动播放轮播 下面详细地说明具体的实现步骤: 1. 自动播放功能: ① 开启定时器 ② 移动移动可以使用CSS3的translate移动。注意, 使用translate不需要添加就可以移动 ...

Fri May 29 01:55:00 CST 2020 0 1121
ios移动及前端规范

移动IOS知识普及:IOS标准分辨率:1242px * 2208px 切片要求: 1、 设计稿是按标准分辨率1242X2208设计,图片资源尺寸则是3倍尺寸,将整个设计压缩成750X1334,图片资源尺寸则是2倍尺寸,在二倍的基础上压缩成50%,图片资源尺寸则是1倍 ...

Wed Dec 02 18:50:00 CST 2015 0 6551
原生JS实现移动轮播

功能描述: 自动无缝轮播图片,底部小圆点跟图片保持一致;手指左右移动轮播移动距离大于50px播放下一张(或上一张),小于50px则回弹 具体功能实现: 1.定时器 自动轮播图片 先声明一个index=0用来存图片索引; 添加一个定时器,每隔两秒调用一次,每调用一次定时器(图片播放一次 ...

Sun Dec 01 20:03:00 CST 2019 0 1110
ios移动及前端规范

移动IOS知识普及:IOS标准分辨率:1242px * 2208px 切片要求: 1、 设计稿是按标准分辨率1242X2208设计,图片资源尺寸则是3倍尺寸,将整个设计压缩成750X1334,图片资源尺寸则是2倍尺寸,在二倍的基础上压缩成50%,图片资源尺寸则是1倍 ...

Wed Mar 11 23:24:00 CST 2015 0 2587
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM