Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 349|回复: 0

媒体查询到底有什么作用?

[复制链接]

1

主题

1

帖子

5

积分

新手上路

积分
5
发表于 2024-4-15 11:46:22 | 显示全部楼层 |阅读模式
什么是媒体查询以及如何使用媒体查询?我们如何使用它们使我们的页面具有响应能力? 帖子标题[ 隐藏] 1媒体查询的概念 1.1断点 2语法以及如何编写媒体查询 2.1内部形式或内部 2.2外部形式 2.3媒体查询语法的不同部分 3个例子 4使用开发者工具检测故障点 5学期末 六,结论 媒体查询的概念 在上一堂网站设计培训中,我们熟悉了响应性的基本概念,在这堂课中我们想要熟悉媒体查询。 媒体查询是响应式页面设计和开发最常见和主要的方法。 借助这种方法,我们不需要为网站的不同模式和宽度设计多个页面,我们可以轻松地将我们的网站页面适合任何屏幕。 此方法使用断点来工作。 断点 断点是我们网站的页面形状应该改变的页面宽度。为了更好的理解,请看下图: CSS 中的断点 桌面、平板电脑和手机页面可以根据其类型和型号具有不同的宽度。 除了上图中提到的宽度外,我们还有其他宽度,其中最标准的宽度如下: 320像素 480像素 600像素 768像素 900像素 1024像素 1200像素 我们使用这些宽度进行响应式设计。所需的宽度通过两种方式确定: 基于设备屏幕的标准宽度 在这种方法中,根据用户使用的设备,我们考虑一系列宽度,并基于它们,我们使页面响应。


基于内容布局的适当性 在这种方法中,我们不关注特定设备。相反,我们检查所有宽度的内容布局。只要内容布局受到干扰,我们就会更改CSS代码。该方法是一种较为优化的方法。因为它考虑了所有宽度和新设备,如果它们具有新宽度,则不会干扰 阿尔及利亚 手机号码 反应性。 在创意标题写作中使用数字可以通过以下方式之一: 数字在吸引人的标题中的作用 在有吸引力的标题中使用数字的奇迹 您要向用户介绍的方法、产品或事物的数量。 就像Mizfa网站设计培训课程的标题《120小时ASP .Net Core培训视频-基于项目的培训[2020]》,我们用两次数字来写。 或者文章“ 9个WordPress重定向插件简介+每个插件的分析”,其中我们说明了我们要讨论的事情的数量并使用了之前的技术(标题的清晰度)。






您正在阅读的文章的标题中也使用了数字。 您是否注意到我们使用数字来写出上一集中展示的所有有趣的标题? 陈述与观众感兴趣的内容相关的统计数据和数字。 例如,“提前缴税的纳税人可享受 20% 的折扣” 或“注册 Google Analytics 课程可享受 30% 的折扣” 通过说明新闻或主题的发布年份,使您的文章和内容保持最新状态。 比如Mirfa的SEO培训课程,这是最全面的免费SEO培训课程,有一个这么吸引人的标题,“ 9声全面SEO培训课程-免费SEO培训2022+测试”,你可以看到,数字用了两次。此次更新周期为2022年,强烈吸引了观众的意见。这个吸引人的名称加上该课程卓越的品质,使该课程拥有超过12,000名学生。 又比如,Mizfa 的提速课程,标题为“ 8 小时波斯语培训,使用 GTMetrix 工具提高网站速度[更新 1401] ”,再次说明了课程的更新,增加了点击率和产品销量。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Discuz! X

GMT+8, 2024-9-20 23:22 , Processed in 0.046875 second(s), 19 queries .

Powered by Discuz! X3.5

Copyright © 2001-2022 Tencent Cloud.

快速回复 返回顶部 返回列表