0

我有 2 个使用通用 CSS 文件（test.css）的 html 文件 test.html 和 test1.html。

<html>
<head><link type="text/css" href="test.css" rel="stylesheet" /></head>
   <body>
  <p>Ta da Ta da</p>
  <a href="test1.html">test1</a>
   <body>
 </html>

测试.html

<html>
  <head><link type="text/css" href="test.css" rel="stylesheet" /></head>
     <body>
     <p>Blah Blah</p>
     <a href="test.html">test</a>
     <body>   
</html>

test1.html

  1. 我在 Firefox 中打开 test.html。我使用 ctrl++ 来放大和放大字体。
  2. 然后我单击 test1 链接并导航到 test1.html。该页面以浏览器中的默认字体大小打开。它不记得我在浏览器中设置的最后一页字体缩放比例。我不知道如何在 CSS 中做到这一点。我看到每个其他站点都有这个设施。我缺少一些基本的东西。有人可以建议我应该填写我的 CSS 以获得跨页面传播的浏览器缩放比例吗？

/苏雷什

4

3 回答 3

1

这是浏览器 ctr++ 的缩放功能，您不能在项目中使用它。

如果要增加正文字体的大小，请使用

 body 
{
  font-size: 100%; 
}
于 2012-08-23T06:59:34.060 回答
1

总结：别担心！如果您将这两个文件部署到同一个站点，所有浏览器都会在导航时记住缩放级别。

长版：
我冒昧地猜测这是特定于浏览器的，并且超出了您的控制范围。但是，如果您要将这两个文件部署到一个站点，则可能不是问题（见下文）。

如果我在我的 PC 上运行一些测试，我会注意到：

  • IE9将在单个浏览器选项卡中保持 UA 缩放级别不变，无论您在何处以何种方式浏览
  • FF 13和Chrome 21仅在您在同一个网站（例如 Stack Overflow）上导航时保持 UA 缩放级别不变，但当您导航到新站点时它们将重置为 100% 缩放（“您的两个 html 文件pc”问题中的示例行为相同）

我认为您将无法使用 CSS 来控制它。但你可能不需要。如果您要将 html 文件部署到单个网站（因此不仅仅是 PC 上的松散文件），这也不成问题，因为导航时缩放级别不会重置。

于 2012-08-23T07:09:17.810 回答
0

提供字体大小功能的站点不使用浏览器上的缩放功能——您的代码无法控制它。

相反，他们使用基线字体大小，并以此为基础，通过指定相对大小而不是绝对大小。例如，你可以写

p {
   font-size: 120%;
}
于 2012-08-23T06:53:14.183 回答