全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果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

通过CSS向JS传参的方法_CSS教程_CSS_网页制作_脚本之家

CSS中有很多媒体查询的用法,例如设备尺寸判别,是否支持鼠标行为,是否是黑暗模式,是否是省电模式等。今天小编给大家介绍通过CSS向JS传参的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
www.jb51.net/css/7136...html 2025-2-6

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

啥是前端开发工程师必会的5种网页布局方式?_职位技能_IT职场规划_IT专 ...

随着CSS3出现了媒体查询技术,又出现了响应式设计的概念。响应式设计的目标是确保一个页面在所有终端上(各种尺寸的PC、手机、手表、冰箱的Web浏览器等等)都能显示出令人满意的效果,对CSS编写者而言,在实现上不拘泥于具体手法,但通常是糅合了流式布局+弹性布局,再搭配媒体查询技术使用。——分别为不同的屏幕分辨率定义...
www.jb51.net/it/6850...html 2025-2-8

浅谈移动端适配大法_心得技巧_网页制作_脚本之家

利用媒体查询,根据不同的屏幕大小进行设置,缺点就是一般只列举一些代表性的屏幕大小,自适应不能充分覆盖所有范围 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

更靠谱的H5横竖屏检测方法(js代码)_javascript技巧_脚本之家

如基于CSS3@media媒体查询来实现。 如下@media兼容性: 如上上图所示,移动端浏览器都支持CSS3 media。 实现思路: 创建包含标识横竖屏状态的特定css样式 通过JS向页面中注入CSS代码 resize回调函数中获取横竖屏的状态 这里我选择的节点font-family作为检测样式属性。理由如下: 选择主要为了避免reflow和repaint 选择font...
www.jb51.net/article/925...htm 2025-2-12

使用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

CSS中固定宽度布局的详细教程_CSS教程_CSS_网页制作_脚本之家

多栏布局有三种基本的实现方案:固定宽度、流动、弹性。 固定宽度。布局的大小不会随用户调整浏览器窗口大小而变化,一般是 900 到 1100 像素宽(最常见的是 960 像素)。 流动。布局的大小会随用户调整浏览器窗口大小而变化。(结合 CSS 媒体查询,能够适应最大和最小的屏幕,业界称之为 响应式设计。) ...
www.jb51.net/css/3606...html 2025-2-13