媒体查询(@media)

概述1.媒体查询  针对不同的媒体类型 定制不同的css样式   设备视口：设备屏幕的大小 常见的320  375  414（iphone） Android：常见的 320  360  480 浏览器视口：在移动端中如果没有做视口处理，浏览器默认视口大小为980px   在PC端，浏览器视口和pc设备视口保持一致   常见设计稿？ 设备宽度乘以2 甚至乘以3，这是因为跟我们屏幕的分辨率(设备像素比)有

1.媒体查询  针对不同的媒体类型 定制不同的CSS样式

 

设备视口：设备屏幕的大小 常见的320  375  414（iphone）

AndroID：常见的 320  360  480

浏览器视口：在移动端中如果没有做视口处理，浏览器默认视口大小为980px

 

在PC端，浏览器视口和pc设备视口保持一致

 

常见设计稿？

设备宽度乘以2 甚至乘以3，这是因为跟我们屏幕的分辨率(设备像素比)有关

设备像素比：dpr：2，一个物理像素需要两个逻辑像素去填充

如果参考设备是375*667 那么设计稿得 750*1354

总结

以上是内存溢出为你收集整理的媒体查询(@media)全部内容，希望文章能够帮你解决媒体查询(@media)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。