一.移动设备优先 在 HTML5 的项目中,我们做了移动端的项目。它有一份非常重要的 meta,用于设置屏幕和设备等宽以及是否运行用户缩放,及缩放比例的问题。 //分别为:屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <meta name="viewport" content="wi ...
分类:
其他好文 时间:
2017-07-31 21:13:23
阅读次数:
150
一、首先我们来介绍下矢量图和位图 矢量图和位图,一般情况下我们都使用位图; 矢量图的优点在于文件相对较小,并且放大缩小不会失真。缺点则是这些完美的几何图形很难表现自然度高的写实图像。 位图的优点是利于显示色彩层次丰富的写实图像。缺点则是文件大小较大,放大和缩小图像会失真;位图又叫 像素图或栅格图。 ...
分类:
其他好文 时间:
2017-07-27 22:31:49
阅读次数:
251
高德地图 Android SDK 能够为 Android 应用开发人员提供互动的、功能丰富的 Android 手机地图。 将地图显示功能与搜索服务、定位服务分别封装为三个类库。每一个类库不相互依赖,用户能够分开使用。提供 2D(栅格)和3D(矢量)地图SDK。用户依据不同的需求选择不同的类库。完美支 ...
分类:
其他好文 时间:
2017-07-24 16:30:02
阅读次数:
149
1、像素比:点、points (抽象单位 ) 像素渲染 (栅格化) 物理像素 (调整大小) dpi、ppi 获取像素比 (window.devicePixelRatio) 2、viewport(视口)width 设备宽度 [pixel_value | device-width] user-scala ...
分类:
移动开发 时间:
2017-07-22 16:45:23
阅读次数:
263
在百度前端学院做任务的时候,看到有关于bootstrap的栅格系统的知识于是就在网上百度了一番,下边的网址是关于bootstrap栅格系统的详细解析,https://segmentfault.com/a/1190000000743553。 http://www.cnblogs.com/JerryTa ...
分类:
其他好文 时间:
2017-07-22 16:43:48
阅读次数:
171
今天接着说test8的页面还原。 头部header和尾部footer 我一开始是想直接使用bootstrap的栅格系统来实现的。但是内容的定位出了不少麻烦。 那么就索性用原生html+css来还原页面了。 放上效果图 头部html代码 尾部html代码 css代码 友情链接的模块就比较简单的还原了( ...
分类:
Web程序 时间:
2017-07-19 00:25:27
阅读次数:
203
1. 切一个组 组文件 -> 右键 -> 复制组 -> 新建 -> 确定 2. 栅格化图层,可以进行复制操作 选中图层 -> 右击 -> 栅格化 -> 复制(ctrl+C) -> 新建(ctrl+N) 3. 隐藏参考线 ctrl + H 4. 切图快捷键 ctrl + shfit + Cctrl + ...
分类:
其他好文 时间:
2017-07-15 12:48:42
阅读次数:
99
了解一个东西。他叫什么?他由什么组成,能做什么? 现在响应式的网站(在不同分辨率下有不同的布局)很瘦欢迎。优点:1.解决设备之间的差异化展示缺点:a.兼容性代码多,工作量大,加载速度受到影响;b.用户的判断纯在一定的精准性问题,目前来讲实现响应式方式有两种:css3 @media ;第三方的开源框架 ...
分类:
其他好文 时间:
2017-07-14 09:54:51
阅读次数:
124
一、Bootstrap是什么: Bootstrap是Twitter公司开发的基于HTML,CSS及JavaScript的前端框架; 二、可以做什么: 开发响应式布局和移动设备优先的项目; 三、Bootstrap特性: 响应式设计,栅格布局; 四、常见参考网址: 官方网址:http://getboot ...
分类:
其他好文 时间:
2017-07-11 18:00:53
阅读次数:
431
1.字体 2.表格 3.颜色 4.表格 5.输入 6.按钮 7.图片 8.不同浏览器支持 9.栅格 10.单位 11.图标(字体图标) 12.下拉菜单 13.导航栏 14.分页 15.进度条 16.列表 17.面板 18.插件 ...
分类:
其他好文 时间:
2017-07-08 13:23:13
阅读次数:
145