如何为3840x2160编写媒体查询

如何为3840x2160编写媒体查询

问题描述:

我想使用媒体查询开发响应式网页。我还写了针对移动的媒体查询,桌面为&桌面。如何为3840x2160编写媒体查询

如何编写设备最大宽度的CSS代码:3,840像素

我很困惑,这是否是写媒体查询当我写同一组的CSS代码为每个&每个器件尺寸的正确方法再次&。

请帮我继续furthur,因为我是新的媒体查询。同时我也很困惑是否要进行自适应布局或响应布局?

+0

'MAX-width'将永远满意,我猜对了3840X2160 CSS代码段应该使用'min-width'(但它取决于你如何声明规则来实现较低的分辨率......然后我必须说,分享你的代码)关于_“我也很困惑是否要进行自适应布局或响应式布局? _。太宽泛。这不是(仅)技术决定。 –

要创建一个响应网站,你会使用媒体查询,flexboxes,MAX-和最小宽度,视口等

看看这篇文章解释如何使响应网站:https://developers.google.com/web/fundamentals/design-and-ux/responsive/

@media (max-width: 3840px) { 
/*your css definition */ 
/* example: */ 
main.div {border: 1px solid red; } 
} 

Attenion !:这个宽度的CSS被卷成大括号,如下所示。

如果你想声明的范围内使用的语法如下:

@media (min-width: 2120px) and (max-width: 3840px) { 
/*your css definition */ 
/* example: */ 
main.div {border: 1px solid red; } 
} 

的更多信息:https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries