04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 多列布局 全屏布局 第3章--响应式 浏览网页使用的设备屏幕大小迥异，如何保证页面在不同设备上都正常显示呢？ -- 解决方法：响应式 优点：无需为不同设备编写对应的页面 --> 降低开发成本、维护成本 缺点：页面中某些部 ...
分类：
Web程序 时间：
2017-09-11 21:17:01
阅读次数：
233
About 此项目是 vue2 + element-ui + axios 构建的后台管理系统，自适应多种屏幕大小，所有数据都是mock server处理的，所以只需下载即可运行，非常方便就可以替换自己的rest api接口。 技术栈 vue2 + vuex + vue-router + axios ...
分类：
移动开发 时间：
2017-09-11 14:13:58
阅读次数：
327
今天遇到了全屏翻滚的网站首页，自然客户要求图片不能大量变形，于是，我通过写两个不同的类（每个类里面的background-images属性值URL不同），在页面里面通过jq判断屏幕大小，添加和删除自定义类。 jq代码如下： css代码如下： HTML代码如下： ...
分类：
其他好文 时间：
2017-09-07 09:54:39
阅读次数：
156
Document rem的使用：根据屏幕大小自动改变字体大小 ...
分类：
其他好文 时间：
2017-09-04 17:49:34
阅读次数：
152
/*媒介查询*/ @media screen and (min-width: 1000px){ /*当屏幕大小最大为多少时屏幕的颜色，and后面要加空格*/ li{ width: 200px; height: 200px; outline: 1px solid black; text-align: ...
分类：
其他好文 时间：
2017-09-03 14:08:53
阅读次数：
138
// 通过js适配不同的屏幕大小(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', re ...
分类：
Web程序 时间：
2017-08-18 14:34:52
阅读次数：
239
Canvas Scaler就是用来做适配的 1.Reference Resolution表示我们设计界面的时候使用的屏幕大小 2.Screen match Mode有三种选择，即三种界面适配方案。 我们一般是保持适配高度，然后调整UGUI的锚点，锚点设置到左右。 ...
分类：
其他好文 时间：
2017-08-16 20:28:37
阅读次数：
198
手机屏幕大小非常伤程序猿 励志成为一名Javaproject师的我。真的被它伤到了，不仅由于webView的强大。并且这个内容适合各样屏幕大小问题。想当年苹果project师嘲笑安卓project师们加班在处理屏幕的适配，简直是在反复的工作，没想到多年后，苹果的手机也出现了屏幕大小不一样的，苹果pr ...
分类：
移动开发 时间：
2017-08-11 10:34:58
阅读次数：
345
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background-image: url(123.jpg); background-repeat ...
分类：
其他好文 时间：
2017-08-01 12:48:12
阅读次数：
171
