响应式布局
关注
分享
扫一扫
Klingonsss
2017年毕业，准备跳槽，求个前端岗位
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
响应式布局（1）-- 像素和视口
1. 前言 最近准备针对移动端css和react学习，补一下常用的而我又很弱的前端知识。笔记都是从网上教程摘录的，会随着学习的深入一直更新。2. 像素和视口(1) 像素 以iphone6为例 分辨率：750pt x 1334pt 指的是屏幕上水平有750个物理像素，垂直有1334个物理像素。 屏幕尺寸：4.7in ...原创 2019-02-19 00:04:55 · 670 阅读 · 0 评论 -
响应式布局（2）-- 设计稿750px
rem相关(function () { function changeRootFont() { var designWidth = 750, rem2px = 100; document.documentElement.style.fontsize = ((window.innerWidth / designWidth) * rem2px) + 'p...原创 2019-02-20 16:22:00 · 1680 阅读 · 1 评论 -
响应式布局（4）CSS媒体查询四级之可编程
假如我们需要在加载js和没加载js的时候，使用不同的样式，一般可以这样：先设置一个基本样式，class="no-js"，js运行的时候，js代码里面替换样式class="have-js"，对应的css就可以这样写：.no-js{} .have-js{}。CSS媒体查询四级可以在CSS中实现：@media(scripting: none){}; 无js时的样式@media(script...原创 2019-03-26 20:26:45 · 447 阅读 · 0 评论 -
css弹性盒子实现固定footer
1. 假如我们要实现不论中间内容多大，有无空白，footer永远居于最下方，我第一反应就是用fixed固定视角，但是fixed让元素脱离文档流了呀，今天刚刚学习到用弹性盒子做。如下：<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Lay...原创 2019-03-27 20:57:52 · 2276 阅读 · 1 评论