更改基于 css 的 ai 英寸屏幕答案

【问题标题】：Change css based ai Inch Screen更改基于 css 的 ai 英寸屏幕
【发布时间】：2014-10-20 07:27:28
【问题描述】：

我被要求根据屏幕的英寸更改 CSS（具体来说，一个 CSS 用于 15 英寸以上的显示器，另一个用于以下显示器），使用 PHP。老实说，我不知道该怎么做，因为某英寸的显示器，但是，可能有不同的分辨率。所以，我需要一个建议。我能怎么做？有办法吗？

谢谢

【问题讨论】：

【解决方案1】：

您可以将 css 更改为响应式。正如您所说，15 英寸以上的同一台显示器也可以使用不同的分辨率。通常，响应式 css 用于制作一些标准分辨率的视图（手机、平板电脑、肖像、风景、Pc small、Pc big ...）

您可以使用一个名为“设备宽度”的功能。但我认为它只适用于移动版本，我从未测试过 Monitor css。

对于您可以在 css 中使用的媒体查询，例如：

 @media screen and (device-width:768px) and (orientation:portrait) {
  /*your css for this resolution - this is a standard width for tablets*/
 }

您也可以先使用标准 css，然后在媒体查询中仅在您需要的地方更改。没有媒体查询，也许有些事情是正确的。

【讨论】：