CSS
文章平均质量分 60
PaddyWang_
用界面驱动你的欲望
展开
-
移动Web开发经验
移动Web开发viewport用于承载页面的视口,可以进行网页的缩放viewport(视口)就相当于一张照片纸,浏览器窗口就相当于一个相框,网页就相当于照片上的图案。viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说原创 2016-03-19 23:36:50 · 364 阅读 · 0 评论 -
字体图标
字体图标 引用字体包 @font-face { font-family: 'font-name'; /*引入字体文件 不同的浏览支持的字体文件的格式不一样*/ src: url(fonts/MiFie-Web-Font.eot) format('embedded-opentype'), url(fonts/MiFie原创 2016-03-21 00:06:23 · 540 阅读 · 0 评论 -
css常用选择器
css常用选择器css选择器 基本选择器 .class 类选择器 # id id选择器 div 标签选择器 * 通配符 关系选择器div,p,ul,li 并集选择器 ul li后代选择器: 选择<ul>元素内的所有<li>元素<ul> <li> 这个li会被选中 <ol> <li>这个li不会被选中</li>原创 2016-03-21 17:22:45 · 394 阅读 · 0 评论 -
Less学习
less简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为原创 2016-03-26 23:42:50 · 291 阅读 · 0 评论 -
rem简单实现移动端适配
rem:移动web开发 默认字体大小是16px 在<html>中设置字体大小 与em的区别:em是在父级设置字体大小受影响 移动端适配首先获取屏幕的宽度 计算当前屏幕宽度和640的比例 计算出font-size的值 改变html的font-size的值 <!DOCTYPE html> <html lang="en" style="font-size: 100px;"> <head> <me原创 2016-03-26 23:53:02 · 2028 阅读 · 0 评论 -
响应式布局
响应式布局响应式布局即一个页面可以兼容多种终端设备说白了就是页面随着屏幕尺寸的改变来自适应 移动Web开发与响应式布局比较:域名以 m. 开头 移动Web开发只适配于移动设备 一般采用百分比布局 一般是在已有PC端页面的基础上扩充 多采用通栏 较响应式布局来说开发成本低 屏幕尺寸 尺寸 设备 < 768px 超小屏幕 768px — 992px 小屏幕 992px — 12原创 2016-04-13 23:38:38 · 414 阅读 · 0 评论