响应式..

最新推荐文章于 2024-10-10 20:59:20 发布

千殇，影

最新推荐文章于 2024-10-10 20:59:20 发布

阅读量51

点赞数

分类专栏： css 文章标签：前端 css html

本文链接：https://blog.csdn.net/m0_73903826/article/details/129033602

版权

css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

响应式设计通过媒体查询实现网页在不同设备上的适配。例如，当屏幕宽度小于640px时，body背景色设为黄色，文字大小为18px；在640px至1100px之间，背景色变为红色，文字大小28px；超过1100px，背景色为蓝色，文字大小40px。这样确保了网站在PC、手机等不同设备上都有良好的显示效果。

摘要由CSDN通过智能技术生成

响应式是一种页面布局
	一个网站要兼容所有的设备（pc 手机手表等），不同分辩率，不同的大小

	如何实现响应式
	媒体查询是技术可以改网站的布局方式
	语法：
	@media 设备类型 and (查询条件1) and (查询条件2){
	要执行的代码
	}

	要求
	范围值 max min
	小于640px，让body的背景颜色为黄色，文字大小为18px
	640px和1100px之间，让body的背景颜色为红色，文字大小为28px
	大于1100px，让body的背景颜色为蓝色，文字大小为40px