桌面浏览器的视口元标记？ [英] Viewport meta tag for desktop browsers?

问题描述

我的客户要我将当前用于桌面浏览器的网站的大小减少30％。

My client is asking me to reduce size of current website for desktop browsers by 30%.

是否有css或meta标签来做，例如viewport meta标签在移动浏览器上？

is there a css or meta tag to do it like viewport meta tag on a mobile browser?

推荐答案

您可以查看css 屏幕 媒体类型。

You can look at the css screen media type.

它是：

主要用于彩色计算机屏幕。

Intended primarily for color computer screens.

您可以通过以下方式使用它：

You can use it this way:

@media screen {
  body { font-size: 70% }
}

还有一种手持式媒体类型，主要是：

There is also a handheld media type, primarily:

适用于手持设备（通常是小屏幕，带宽有限）。

Intended for handheld devices (typically small screen, limited bandwidth).

但是，您需要测试客户端关注的不同设备和台式机，以确定如何使用这些媒体类型影响用户体验。

However, you will need to test the different devices and desktops your client is focusing on in order to determine how using these media types will effect the user experience.

这篇关于桌面浏览器的视口元标记？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！