Question

我在firefox和Internet Explorer中的应用程序看起来放大了。是否有一个视口设置网站缩小的负载？

这是我在angular 2应用中的当前index.html设置：

    <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">

Answer 1

试试这个

{{1}}

Answer 2

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

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

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

Answer 3

根据this page，我使用以下代码将我的视口设置为我想要的缩放级别（或缺少）：

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

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

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

3 个答案: