|内容|参数| | | | | OS| Windows 10 x64| | browser| Firefox 65.0.2| | framework |& ...
分类：
其他好文 时间：
2019-03-17 10:25:19
阅读次数：
182
PC及移动端页面适配方法 设备屏幕有多种不同的分辨率，页面适配方案有如下几种： 1、全适配：响应式布局+流体布局2、移动端适配： 流体布局+少量响应式 基于rem的布局 流体布局 流体布局，就是使用百分比来设置元素的宽度，元素的高度按实际高度写固定值，流体布局中，元素的边线无法用百分比，可以使用样式 ...
分类：
其他好文 时间：
2019-03-10 09:19:11
阅读次数：
163
landscape mode是指宽度比高度宽的模式，也就是俗称的宽屏模式； portrait mode是指高度比宽度高的模式，也就是俗称的竖屏模式； Bootstrap 采用的媒体查询 ...
分类：
其他好文 时间：
2019-03-03 00:02:32
阅读次数：
190
@media screen and (min-width: 320px) {html{font-size: 45.66px;}} @media screen and (min-width: 360px) {html{font-size:48px;}} @media screen and (min-w... ...
分类：
其他好文 时间：
2019-02-21 17:34:06
阅读次数：
171
最近在做一个移动端项目，涉及到1像素问题 其实质就是移动端的css里写1px，看起来比1px粗，这就是物理像素和逻辑像素的区别。物理像素和逻辑像素之间存在一个比例关系，在Javascript中可以用window.devicePixelRatio来获取，也可以用媒体查询的-webkit-min-dev ...
分类：
移动开发 时间：
2019-01-28 01:09:25
阅读次数：
256
> [responsive design - On desktop PC, mobile css loads first, then it switches to the desktop version - Stack Overflow](https://stackoverflow.com/ques... ...
分类：
其他好文 时间：
2019-01-27 22:03:00
阅读次数：
179
第1章 课程介绍介绍什么是响应式；课程安排；学习建议1-1 导学1-2 课程介绍 第2章 实战利器逐一讲解响应式web开发的理论，工具和方法。对响应式开发中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合，让你全面/透彻的理解和掌握响应式开发。2-1 单位像素2-2 媒体查询-视口12-3 ...
分类：
其他好文 时间：
2019-01-24 00:18:48
阅读次数：
191
第1章 前期准备介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则1-1 课程安排 试看1-2 课程简介1-3 响应式网站设计的概念 试看1-4 响应式网站的优点 试看1-5 浏览器一览1-6 媒体查询-11-7 媒体查询-21-8 媒体查询-31-9 怎样分析 ...
分类：
其他好文 时间：
2019-01-23 00:26:39
阅读次数：
206
继上一篇 "《媒体查询结合rem实现移动端布局》" 的改进！ 还是以昨天写的页面为例 上一回说到了媒体查询结合rem做移动端布局，步骤如下 首先设置媒体查询，确定html中font size值的变化 实现步骤： 1:例如设计图为750px .设计图量出height为88px; 2:考虑dpr为2，量 ...
分类：
移动开发 时间：
2019-01-19 17:34:56
阅读次数：
572
第一步：先写好重置的样式。直接复制粘贴即可 写移动端另外加上的 在head里，style外需加上下面一句。 第二步：写头部 头部html 头部style 两个span的共同点写完了，接着分别微调不一样的地方 第三部，写导航nav 导航html。这里的class类名是点击效果。因为还没涉及js，暂时就 ...
分类：
移动开发 时间：
2019-01-14 23:15:29
阅读次数：
612
