第1章 前期准备介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则1-1 课程安排1-2 课程简介1-3 响应式网站设计的概念1-4 响应式网站的优点1-5 浏览器一览1-6 媒体查询-11-7 媒体查询-21-8 媒体查询-31-9 怎样分析设计图1-10 响 ...
分类：
其他好文 时间：
2018-12-08 23:51:19
阅读次数：
371
一、 rem vs em 二、js计算 为了避免造成因为动态设置<html>元素的font-size而造成页面抖动，一般这部分代码我们放在header底部去加载，并内联到html文档里面。 三、媒体查询 参考文档： 简单粗暴的移动端适配方案 - REM ...
分类：
移动开发 时间：
2018-11-26 13:38:50
阅读次数：
206
1、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等- 响应式怎么实现的？ 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺点：工作量大，网页响应慢 - 优点 ...
分类：
其他好文 时间：
2018-11-25 00:06:49
阅读次数：
193
杭州出差中，项目要做大屏展示，据说到时候是4块1920 1080的显示屏进行展示，这几天一直苦想到底如何进行屏幕适配呢，探索了一两天，决定用媒体查询结合比例计算来进行页面设计，以便于全屏、屏幕放大缩小的正常展示，学着写了个demo： 展示效果 ...
分类：
其他好文 时间：
2018-11-20 13:20:39
阅读次数：
228
一、css3的@media媒体查询 1、定义和使用 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要开发响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面，这对调试来说是一个极大的便利。 语法： 参数解释： media ...
分类：
移动开发 时间：
2018-11-19 21:37:07
阅读次数：
227
方法一 flexible 一、npm 包安装 lib-flexible 淘宝适配方案 px2rem px自动转rem 三、配置build/utils.jsvar px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 } } ...
分类：
移动开发 时间：
2018-11-07 20:04:23
阅读次数：
324
1.媒体查询方法在 css 里面这样写 @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media only screen and (min-width: 321px) and (max-width ...
分类：
Web程序 时间：
2018-11-05 00:09:43
阅读次数：
2011
做项目的时候使用CSS媒体查询后，IE下网站首页会有部分样式失效，打开调试工具则恢复正常，于是放弃在样式表中进行媒体查询，改用JS实现媒体查询，能识别当前屏幕宽度打印出对应信息，但通过JQ获取元素，无论放在Vue构造中还是外面，得到的都是undefined，这个要研究下 后来通过新建样式表，在lin ...
分类：
其他好文 时间：
2018-11-04 00:31:28
阅读次数：
138
简介 媒体查询(Media Queries)早在在css2时代就存在,经过css3的洗礼后变得更加强大bootstrap的响应式特性就是从此而来的. 简单的来讲媒体查询是一种用于修饰css何时起作用的语法. Media Queries 的引入，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应 ...
分类：
Web程序 时间：
2018-11-03 21:54:18
阅读次数：
230
