相关疑难解决方法(0)
使用JavaScript"缩放"浏览器窗口/视图？
我们可以按ctrl放大和缩小滚动.
但我想用jQuery或JavaScript来做到这一点.有可能吗？
推荐指数
解决办法
查看次数
使用javascript访问浏览器的页面缩放控件
我想将浏览器的(IE/FF)页面缩放控件(菜单:查看/缩放/缩放In_Zoom输出)分配给网页上的两个大"(+)( - )"图标,以便视障人士可以使用这些控件方便.
很多搜索合适的脚本都空了,所以我在这里.
您知道的任何代码都可以做到这一点吗？
祝一切顺利...
短发
推荐指数
解决办法
查看次数
使用CSS,标题标记或JavaScript强制缩放级别/ DPI级别
我们这里有一个奇怪的问题.我们有一个网站,几年来工作得很好.几个月前,Firefox开始根据操作系统上的用户DPI设置来扩展页面.
问题是,默认情况下,在Windows 7中DPI比例设置为125%(在我们国家),并且每个使用Firefox的访问者都会看到缩放的页面.但是,Internet Explorer和Safari现在也在做同样的事情,我猜Chrome也会如此.
棘手的部分是:当我打开页面时,我看到了正确的布局.如果我检查浏览器的缩放级别它会告诉我100% - 当我用firefox或Internet Explorer打开同一页面时,所有内容都会按比例放大(放大)25%.如果我在浏览器设置中检查缩放级别,则表示100%.如果我缩小两次(达到80%),我会看到原始布局.
有没有一种简单的方法可以通过CSS,JavaScript或标题标签设置默认的dpi缩放/缩放级别？
这里有一些截图来解释我的问题.
这是过去几年中使用的正确布局.页面居中,左侧和右侧是背景
在Firefox,IE和Safari上,同一台计算机上的同一页面看起来像这样.它被放大,你没有看到背景,你看到的总内容少了一点.
所以现在我的问题是:我能做些什么,使得同一页面在不同的计算机上看起来与缩放相同.我知道有些事情总是不同但规模应该相同.
编辑:
始终使用transform:scale(.75)缩放页面; 变性:100%; 0; 并不总是合适,因为如果具有100%DPI设置的用户访问该页面,则所有内容都将最小化.我不能总是缩放页面.我需要以某种方式确定用户是否已将其操作系统设置为100%或125%DPI缩放.
编辑:
是的,有一个选项可以确定设定的比例率.至少对于我的设置,这现在有效.我添加了在同一台机器上打开的两个浏览器的屏幕截图(chrome top,firefox bottom)以查看差异(以及需要由某人认真解决的问题)
推荐指数
解决办法
查看次数
如何使多个HTML页面之间的缩放级别保持一致？
我有多个遵循相同布局的html网页。我的意思是说，他们都有相同的横幅，顶部是网站名称，下面是导航栏（具有相同链接），等等。我的问题是，当用户访问网站并手动缩放（按住CTRL +鼠标滚轮），然后访问链接到具有相同布局的另一个网页的链接时，缩放级别将重置为默认值。例如，如果我只放大默认缩放比例的5％并访问链接，则缩放比例将5％重置为默认缩放比例。
如何在home.html-> a.html和b.html页面之间保持统一的缩放级别，以便无论用户缩放和切换链接时，在其他页面上都保持不变？我需要Javascipt还是可以使用CSS命令来做到这一点？
推荐指数
解决办法
查看次数
使触摸设备上的缩放行为更像在桌面上
我目前遇到了一个问题，我正在处理的网站与移动设备的放大方式无法很好地配合。
基本上，该网站上有一条水平全宽线，该线是固定的并垂直居中，并且在背景中是一个长文本。页面会自动滚动，水平线告诉用户现在哪个文本行是重要的。（页面会自动滚动，以便重要的文本行位于屏幕中央。）
但是当我使用 Firefox 放大我的 Android 手机时，这条线不再在屏幕上居中。甚至可以放大到线条根本不在屏幕上的程度。即使在这种情况下，页面仍会自动滚动，并且我确定重要文本仍在该水平线下方，但是当它在屏幕上不再可见时就没有用了。
在普通台式计算机上不存在此问题。如果您放大水平线，则它保持在屏幕中央的固定位置。
现在我想知道，是否可以在不破坏我在触摸设备上的网站的情况下修改缩放行为？
我知道我可以禁用所有缩放功能，但我不只是想取消该功能。更改字体大小而不是缩放也不起作用，因为这样站点将不再滚动到正确的位置。
编辑：禁用缩放不是一个选项，即使它只是在触摸设备上禁用。所以这个问题没有帮助。
Edit2：这是我的代码的一个非常简化的版本：
$(function() {
var textEl = $('#text');
var $w = $(window);
var percentPos = 0.000;
setInterval(function() {
var currentPosX = window.scrollX || window.pageXOffset;
var newPosY = textEl.offset().top-$w.height()/2+percentPos*textEl.height();
window.scrollTo(currentPosX, newPosY);
percentPos += 0.001;
if (percentPos >= 1)
percentPos = 0.000;
}, 100);
})#line {
position: fixed;
background-color: #ffef011f;
height: 5px;
top: 50%;
width: 100%;
}
#container {
text-align: center;
margin-top: 500px;
margin-bottom: 500px;
}
#text {
color: …推荐指数
解决办法
查看次数
有没有办法设置一定的屏幕缩放级别？它弄乱了我的网站
我的网站看起来很好,直到人们开始放大和缩小,经过几个小时的工作并弄乱它的CSS我对如何解决这个缩放问题毫无头绪.我应该以某种方式将缩放固定到一定水平吗？如果是的话,我该怎么办呢？我尝试修复这个缩放问题,但把所有东西都放到一张桌子里,但这并不是真的有用,所以我不知道该怎么做..帮助..
这就是它在safari上的外观,如果我调整我的缩放级别它固定,但最初看起来像这样:
然后在Firefox和Chrome看起来很完美:
推荐指数
解决办法
查看次数