为您找到相关结果50,815个
在CSS中使用when/else的方法_CSS教程_CSS_网页制作_脚本之家
先来看看为了实现页面响应式是如何做的,这就要用到 CSS媒体查询 1 2 3 4 5 6 7 @media (min-width:800px) { /* 宽度大于800px时的样式 */ } @media (max-width:799px) { /* 宽度小于799px时的样式 */ } 而换成when/else后呢?
www.jb51.net/css/8023...html 2025-1-16
JavaScript 判断iPhone X Series机型的方法_javascript技巧_脚本...
媒体查询 1 2 3 4 5 6 @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { } @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { } @media only screen and ...
www.jb51.net/article/1554...htm 2025-2-11
浅谈移动端适配大法_心得技巧_网页制作_脚本之家
利用媒体查询,根据不同的屏幕大小进行设置,缺点就是一般只列举一些代表性的屏幕大小,自适应不能充分覆盖所有范围 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
www.jb51.net/web/6352...html 2025-2-12
深入理解CSS中的@import_CSS教程_CSS_网页制作_脚本之家
媒体查询 @import和link一样,同样可以定义媒体查询(media queries),我们先看看link定义的方式: CSS Code复制内容到剪贴板 接下来是@import: CSS Code复制内容到剪贴板 @importurl("print.css")print; @import"common.css"screen,projection; @importurl('landscape.css')screenand...
www.jb51.net/css/3566...html 2025-2-10
使用CSS3 中@media 实现网页自适应的示例代码_css3_CSS_网页制作_脚本...
media_query and | not | only 媒体查询条件运算 media_feature 媒体特征,如最大宽度和最小宽度。 判断媒介(对象)类型来实现不同的展现。此特性让CSS可以更精确作用于不同的媒介类型。 2.1、示例 1 2 3 4 5 body{background:blue;}/*宽度500px-800px之间+高度100px-400px之间 蓝色*/ @media screen and...
www.jb51.net/css/7172...html 2025-2-12
postcss安装和使用示例详解_javascript技巧_脚本之家
mediaQuery: false, // 是否在媒体查询中也转换 }), // CSS优化 require('cssnano')({ preset: 'default', // 使用默认的优化配置 }), ], }; 3.手动处理CSS文件 若不使用构建工具,可以直接通过PostCSS的命令行接口(CLI)处理CSS文件: 1 npx postcss input.css -o output.css --config postcss.config....
www.jb51.net/javascript/3189477...htm 2025-2-12