改变css改变桌面屏幕的分辨率

Question

我的网站在100％分辨率上看起来像这样

this is my 100% resolution image

但是，当我通过按'ctrl'和' - '的组合将分辨率提高到90％时 它重叠如下：

this is my 90% resolution image

如何为90％分辨率定义css

Plz帮帮我。

Answer 1

您还可以使用 flexbox 来避免此类麻烦。非常强大的东西。 使您可以完全控制块，也可以响应。

Answer 2

只能使用基于分辨率或设备类型更改css。 MediaQueries。

示例：

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

  .your_desired_class{
    background-color:red;
  }

}

您可以使用min-device-width

在http://www.w3schools.com/css/css3_mediaqueries_ex.asp

中找到基本内容