建立 RWD 的判断断点
const mediaXS = "@media only screen and (min-width: 360px)";
const mediaSM = "@media only screen and (min-width: 480px)";
const mediaMD = "@media only screen and (min-width: 768px)";
const mediaLG = "@media only screen and (min-width: 1024px)";
const mediaXL = "@media only screen and (min-width: 1280px)";
export default {
mediaXS,
mediaSM,
mediaMD,
mediaLG,
mediaXL,
}
import styled from 'styled-jss';
import breakpoint from "../constant/breakpoint";
const FormGroup = styled("div")({
display: "flex",
flexDirection: "column",
justifyContent: "flex-star",
// 大萤幕时读取
[breakpoint.mediaLG]: {
display: "flex",
alignItems: "center",
flexDirection: "row",
boxSizing: "border-box",
},
});
export default FormGroup;
<<: [今晚我想来点 Express 佐 MVC 分层架构] DAY 28 - node.js 与线程 (上)
【Obsidian 双向链结型笔记工具研究与应用,打造属於个人的专业知识图谱】 Day 01 : 导...
前面的篇章大部分着重 DDD 的战术设计,这篇来说说战略设计。 功能型团队 在导入 DDD 前,我们...
上一篇提到 JavaScript 是弱型别语言。 强型别语言在变数被宣告的时候必须指定资料型别给它,...
接续昨天的这个例子 function sayHello(){ console.log(`你好,我是$...
主程序系统下载到目标嵌入式系统会有一个程序映像(image),但是可不可以执行,就必须重新定义所有的...