我在火狐浏览器和IE浏览器中的应用程序看起来放大了.是否有视口设置加载网站更缩小

我在Firefox和Internet Explorer中的应用程序看起来放大了。是否有视口设置将网站加载得更缩小？

这是我当前索引.html 在我的 angular 2 应用程序中的设置：

    <base href="/"></base>
    <meta charset="UTF-8">
    <meta name="fragment" content="!"/>
    <meta name="application-name" content="test"/>
    <meta name="description" content="test"/>
    <meta name="keywords" content="test"/>
    <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"/>

    <link rel="icon" type="image/png" href="/favicon32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicon16.png" sizes="16x16">

试试这个

<meta name="viewport" content="width=device-width, initial-scale=1" />

尝试设置比设备屏幕宽的布局宽度，例如：

<meta name="viewport" content="width=980">

浏览器只会缩小到

有内容的程度，所以我猜现在发生的事情是你所有的内容都很窄，浏览器不能再缩小了。在视口<meta>中设置宽度将使<html>元素填充该宽度，因此浏览器应该能够进一步缩小，假设您使用的屏幕宽度小于 980 CSS 像素（在上面的示例中）。

根据此页面，我使用以下代码将视口设置为所需的缩放级别（或缺少缩放级别）：

@-ms-viewport {
  width: 1024px;
  height: 768px;
}

我正在开发一个水平滚动网站/信息图，它只是一个页面，放大它完全破坏了体验。这对我有用！

相关内容

最新更新

热门标签：