简单 - 我有一个 800 x 600 的布局。当我按下 Ctrl 和 + 时,它会放大并且看起来很棒。
我想知道是否有 CSS/Javascript 方法可以做到这一点?无需用户执行(因为用户不会执行并看到小布局)。
有人使用 Javascript/CSS 设置 IE“光学缩放”功能发布了同样的问题,但没有得到很好的回复。
简单 - 我有一个 800 x 600 的布局。当我按下 Ctrl 和 + 时,它会放大并且看起来很棒。
我想知道是否有 CSS/Javascript 方法可以做到这一点?无需用户执行(因为用户不会执行并看到小布局)。
有人使用 Javascript/CSS 设置 IE“光学缩放”功能发布了同样的问题,但没有得到很好的回复。
有一个缩放CSS 属性,但它是 CSS3 的一部分,很可能没有得到广泛支持。通过使用 JavaScript 在元素上设置此项,body
您可以缩放整个页面。
我同意您链接到的问题的答案的观点,尽管应该由用户选择他们自己的缩放设置。如果您的网站太大/太小而无法看到,则表明您的网站设计存在问题。
您可以将所有尺寸设置为动态(em
用于字体、%
用于 div/图像尺寸)。然后使用 javascript 更改主包装器和主字体大小。
您还可以使用 CSS 切换。将所有颜色等放在一个 css 文件中。然后为所有现有类创建 3 或 4 级缩放和内部硬编码不同大小。
例子:
main.css
a{color:red;}
小.css
a{font-size:10px;}
中.css
a{font-size:12px;}
并不是所有的设计(事实上我敢打赌,没有,没有目标样式表)可以应对当今各种尺寸的屏幕,从公共图书馆的纵向屏幕,到带有巨大横向屏幕和微型屏幕的超精细 Mac小型笔记本电脑 - 后两种通常由不了解浏览器中的缩放功能如何工作并且视力不佳且缺乏耐心的高管使用。
我的建议是使用 Marcgg 建议的相对大小。如果您真的希望超级灵活,您可以使用 javascript 或 browserhawk(或等效的)来测量屏幕尺寸并为那些真的不适合您的布局的样式表切换。