精华内容
下载资源
问答
  • 我要用js将浏览器分辨率放大缩小,类似于 ctrl +,ctrl- ,ctrl 0一样
  • chrome 固定缩放比例Everything can be going along nicely until a program gets a new update that suddenly turns everything into a visual mess, like scaling up the UI, for example. Is there a simple ...
    chrome 固定缩放比例

    chrome 固定缩放比例

    how-do-you-adjust-google-chromes-ui-scaling-00

    Everything can be going along nicely until a program gets a new update that suddenly turns everything into a visual mess, like scaling up the UI, for example. Is there a simple solution? Today’s SuperUser Q&A post has some helpful solutions for a reader’s frustrating browser UI problem.

    一切都可以顺利进行,直到程序获得新的更新,突然将所有内容变成视觉混乱,例如放大UI。 有没有简单的解决方案? 今天的SuperUser Q&A帖子提供了一些有用的解决方案,以解决读者令人沮丧的浏览器UI问题。

    Today’s Question & Answer session comes to us courtesy of SuperUser—a subdivision of Stack Exchange, a community-driven grouping of Q&A web sites.

    今天的“问答”环节由SuperUser提供,它是Stack Exchange的一个分支,该社区是由社区驱动的Q&A网站分组。

    问题 (The Question)

    SuperUser reader PGmath wants to know how to adjust Google Chrome’s UI scaling:

    超级用户阅读器PGmath想知道如何调整Google Chrome的UI缩放比例:

    For some reason, when I opened Google Chrome this morning, I noticed that the entire UI had been scaled up slightly. Everything (buttons, text, webpages, etc.) is about ten percent larger than it used to be. This is really annoying since less of everything fits on my screen now (in particular, my bookmarks bar does not display as many bookmarks).

    由于某种原因,当我今天早上打开Goog​​le Chrome时,我注意到整个用户界面已经稍微扩大了。 一切(按钮,文本,网页等)都比以前大百分之十。 这真的很烦人,因为现在所有内容都无法显示在我的屏幕上(特别是我的书签栏显示的书签不多)。

    I have been unable to find any kind of UI/DPI scaling options in Google Chrome’s settings. How can I change it back to the way it was before?

    我在Google Chrome浏览器的设置中找不到任何类型的UI / DPI缩放选项。 如何将其更改回以前的状态?

    Notes

    笔记

    1. This is not a problem in Windows DPI scaling settings since this did not happen with any other programs on my system.

      这在Windows DPI缩放设置中不是问题,因为我的系统上的任何其他程序都没有发生。
    2. I know how to zoom in and out of webpages, but that is definitely not the problem since the entire UI is now scaled up (not just webpages).

      我知道如何放大和缩小网页,但这绝对不是问题,因为现在整个UI都已放大(不仅仅是网页)。

    How do you adjust Google Chrome’s UI scaling?

    您如何调整Google Chrome浏览器的用户界面缩放比例?

    答案 (The Answer)

    SuperUser contributor DrZoo has the answer for us:

    超级用户贡献者DrZoo为我们提供了答案:

    With the latest Google Chrome update (version 54), they made it so that it can detect the DPI settings on your computer and scale the web browser accordingly. Previously, Google Chrome did not pay attention to your system’s DPI settings, but now it does, and that is the root cause of the large interface issue. If you have the DPI scaling set to 125 percent or greater on your Windows computer, then Google Chrome will scale differently depending on the setting.

    他们采用了最新的Google Chrome更新(版本54),使其能够检测到您计算机上的DPI设置并相应地缩放了网络浏览器。 以前,谷歌浏览器不关注系统的DPI设置,但现在已经关注了,这是大界面问题的根本原因。 如果您在Windows计算机上将DPI缩放比例设置为125%或更高,则Google Chrome浏览器将根据设置进行不同缩放。

    Option #1

    选项1

    Have Windows specifically tell Google Chrome to ignore DPI scaling by right-clicking on Google Chrome’s icon, then going to Properties > Compatibility, select (check) “Disable display scaling on high DPI settings”, then click OK.

    通过右键单击Google Chrome的图标,然后转到“属性”>“兼容性”,选择(选中)“在高DPI设置上禁用显示缩放”,让Windows具体告诉Google Chrome忽略DPI缩放。

    how-do-you-adjust-google-chromes-ui-scaling-01

    Option #2 (Seems To Be The Most Successful)

    选项2(似乎是最成功的)

    The “obvious” fix is to just set your computer’s DPI scaling back to 100 percent. That will make Google Chrome appear the same as it used to, but everything else will be smaller, so it is not a very good fix. Just type “DPI” into the Windows search bar and open the top result, “Make text and other items appear larger or smaller” (that is how it is shown on Windows 7, but may be worded differently on other editions).

    “显而易见”的解决方法是将计算机的DPI缩放比例设置回100%。 这将使Google Chrome浏览器看起来像以前一样,但其他所有内容都会变小,因此并不是一个很好的解决方案。 只需在Windows搜索栏中键入“ DPI”并打开最上面的结果,“使文本和其他项目显示更大或更小”(这就是Windows 7上的显示方式,但其他版本上的措辞可能不同)。

    Option #3

    选项#3

    Right-click on Google Chrome’s shortcut or Start Menu icon and select Properties > Shortcut Tab, then enter the following code at the end of the text in the Target field:

    右键单击Google Chrome浏览器的快捷方式或“开始”菜单图标,然后选择“属性”>“快捷方式选项卡”,然后在“目标”字段的文本末尾输入以下代码:

    • /high-dpi-support=1 /force-device-scale-factor=1

      / high-dpi-support = 1 / force-device-scale-factor = 1

    Make sure that there is a blank space between the “.exe” part and the first forward slash. Click OK and then restart Google Chrome. If the scaling is not back to normal, make sure to launch Google Chrome from the location specified above. If Google Chrome is pinned to your taskbar, do not forget to unpin and then re-pin it. This is not a permanent fix because other links to Google Chrome (like hyperlinks in PDFs) can trigger the larger UI scaling as well.

    确保在“ .exe”部分和第一个正斜杠之间没有空格。 点击确定,然后重新启动Google Chrome。 如果缩放比例未恢复正常,请确保从上面指定的位置启动Google Chrome。 如果将Chrome浏览器固定在您的任务栏上,请不要忘记取消固定然后重新固定它。 这不是永久性的修复,因为指向Google Chrome的其他链接(例如PDF中的超链接)也可以触发更大的UI缩放。



    Have something to add to the explanation? Sound off in the comments. Want to read more answers from other tech-savvy Stack Exchange users? Check out the full discussion thread here.

    有什么补充说明吗? 在评论中听起来不错。 是否想从其他精通Stack Exchange的用户那里获得更多答案? 在此处查看完整的讨论线程

    翻译自: https://www.howtogeek.com/278699/how-do-you-adjust-google-chromes-ui-scaling/

    chrome 固定缩放比例

    展开全文
  • 那么问题来了,有没有方法 **用js 把浏览器恢复到初始比例呢?** 我已经尝试过下面的方法,都不行: 1.直接修改window.innerWidth/window.innerHeight这一对值,没有任何变化 2.window.resizeTo():只有部分手机...
  • 安装了浏览器后,有时候打开后会看到界面与屏幕不匹配,类似下图所示,图中红色圆圈所标注的是空白部分,这个原因是由于实际显示字体较小,通过Ctrl+鼠标滚轮...选择此缩放比例,为对所有页面生效,     打开...

    安装了浏览器后,有时候打开后会看到界面与屏幕不匹配,类似下图所示,图中红色圆圈所标注的是空白部分,这个原因是由于实际显示字体较小,通过Ctrl+鼠标滚轮可以进行放大,但是打开新的界面后,仍然会变小,所以需要采取一个办法,一劳永逸,不用每次打开界面后都Ctrl+鼠标滚轮,

     

    以搜狗浏览器为例,

     

    点击放大为125%,

     

    选择此缩放比例,为对所有页面生效,

     

     

    打开界面后变成如此,

    打开新的界面也可以如此,界面放大率为125%。

    展开全文
  • 我是使用vue-easy-print插件来实现模太框内的打印。... }, } } topEightTablePrint组件的style代码我添加了缩放比例设置:@media print { html { zoom: 77%; } } 但是都不起效果,麻烦帮忙看一下,可以怎么解决,谢谢!

    我是使用vue-easy-print插件来实现模太框内的打印。

    模太框的代码如下:

    :visible.sync="printvisible"

    :title="print_params.title"

    :width="print_params.width"

    :modal="print_params.modal"

    center

    :close-on-click-modal="false"

    :close-on-press-escape="false"

    :show-close="false"

    append-to-body

    >

    :topEight_params="print_params.checkData"

    :tableTitle="tableTitle"

    >

    :nonRoadMove_params="print_params.checkData"

    :tableTitle="tableTitle"

    >

    :nonRoadDiesel_params="print_params.checkData"

    :tableTitle="tableTitle"

    >

    :engine_params="print_params.checkData"

    :tableTitle="tableTitle"

    >

    关闭

    打印

    export default {

    methods: {

    print_check() {

    this.$refs.easyPrint.print();

    },

    }

    }

    topEightTablePrint组件的style代码我添加了缩放比例设置:@media print {

    html {

    zoom: 77%;

    }

    }

    但是都不起效果,麻烦帮忙看一下,可以怎么解决,谢谢!

    展开全文
  • 原来是要实现:"网页内容随着浏览器窗口变大变小,缩放比例不失调,即保持原有比例" 未满足需求时 满足需求之前,登陆框的 margin-top 以及 margin-left 的值用的都是精确px(像素值); 整体页面 css(审查元素) ...

    需求

    今天帮朋友做个小网页,但一直没明白对方的需求;

    原来是要实现:"网页内容随着浏览器窗口变大变小,缩放比例不失调,即保持原有比例"

    未满足需求时

     满足需求之前,登陆框的 margin-top  以及 margin-left 的值用的都是精确px(像素值);

    整体页面

    css(审查元素)

    把浏览器窗口缩小

     会发现"登陆框"会因为"margin-left:1000px"的原因留在它固有的位置,从而看不到它,自然也就没有达到全比例自适应的效果

     

     同样道理,因为"margin-top:300px"的原因,当纵向缩小浏览器窗口时,"登陆框"也会留在它固有的位置,从而看不到它

    问题原因

    因为 margin-top 和 margin-left 的值用的都是精准px值, 所以值是固定的, 位置是固定的;

    当你缩小浏览器窗口时,目标元素的空间位置是不会改变的.

    解决方案

    方案一

    把margin-top 和 margin-left  的值改成百分比形式;

    修改后的css(审查元素)

    把浏览器窗口缩小

    最大限度横向缩小浏览器,目标元素依然显示

    纵向缩放同比之前,缩放幅度基本满足需求

    方案二

     把margin-top 和 margin-left  改成 position, 利用position属性的 absolute 属性确定目标元素的比例位置

    并且位置属性的值依然要用百分百形式

    修改后的css(审查元素)

    把浏览器窗口缩小

    最大限度横向缩小浏览器,目标元素完全显示

     

    纵向缩放效果

     

    转载于:https://www.cnblogs.com/bigtreei/p/8490452.html

    展开全文
  • 还有很多用户其实压根不知道自己是何时对网页进行了缩放,此时就需要提醒用户应该将浏览器缩放级别重置成默认的比例如何检测利用最小字体特性先看个例子,贴在控制台const div = document.createElement('div') ...
  • 并且无论浏览器如何缩放,图片保持不变。 如果不设置高度,那么图片大小是自身大小,并且会随着浏览器的缩放在视觉上显示缩放效果。 转载于:https://www.cnblogs.com/xwtcm/p/7595897.html...
  • 当用户改变浏览器宽度的时候(改变高度不考虑),视频的宽度变了,那么高度也得根据我们要求的16:9或4:3改变。 .wrap{ height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; wid...
  • }实现,其他高级浏览器可以使用body{transform: scale(2);}实现。 transform:scale(1.2); transform-origin:0% 0%; -moz-transform:scale(1.2); -moz-transform-origin:0% 0%; -webkit-transform:s...
  • 网上说了一大堆,说什么设置div的宽度,特别是这篇: ...经过我的多次实验,发现一个比较好的方法, 在ios微信/浏览器和android微信/浏览器都可以完美显示,那就是: 1、div不做要求,内容居中就好了 2、放一
  • PHP如何比例缩放水印图片后并写入到原图上 大概像这样的 1.后台先设置水印二维码 ![图片说明](https://img-ask.csdn.net/upload/201710/13/1507889449_971858.png) 2.向前端用户展示的原图 ![图片...
  • 浏览器如何判断元素是否匹配某个CSS选择器?浏览器先产生一个集合,这个集合往往由最后一个部分的索引产生(如果没有索引就是所有元素的集合)。然后向上匹配,如果不符合上一个部分,就把元素从集合中删除,直到这个...
  • pc端和移动端网站的区别 PC端:屏幕尺寸大,显示...rem布局的本质是等比缩放,一般是基于宽度针对设计稿的宽度 利用js动态获取屏幕的宽度 rem是相对于根元素的字体大小的单位,也就是html的font-size大小,浏览器默认
  • Firefox火狐浏览器如何修改页面的显示比例 1、首先在浏览器里打开一个新的标签页,在地址栏输入:about:config 2、在搜索框中输入:zoom,找到browser.zoom.siteSpecific这一项,将其值修改为false(对着值右键单击...
  • 方法一比较简单直接,如果你在使用Chrome浏览器,你可以通过下载插件(插件名为Dark Reader)来更改背景颜色,通过缩放浏览器比例(快捷键为"Ctrl +")来更改 JupyternotebookJupyter notebookJupyternotebook 的...
  • 默认的HTML5页面在手机浏览器测试中发现 横向,纵向滚动条都有 需要在head标签里加一句meta代码: ...minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scal
  • 网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),...
  • 如何开始使用bootstrap

    2017-05-18 21:53:00
    Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用 bootstrap框架初学,代码解释及理解 viewport:虚拟视口;width=device-width:让...initial-scale=1:初始缩放比例为1 如果浏览器IE...
  •   这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的...  双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 那么这和 300 毫...
  • 如何让网页自适应屏幕宽度

    千次阅读 2017-11-09 17:33:10
    viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 所有主流浏览器都支持这个...
  • 如何设计自适应网页

    2016-03-20 22:49:48
    现在的网站不仅需要兼容各种浏览器还需要能自适应不同终端,今天..., initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例
  • 双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 那么这和 300 毫秒延迟有什么联系呢? 假定这么一个场景。用户在 iOS Safari 里边点击了一个链接。由于...
  • 所有图片宽度根据这个标准高度作宽度的等比例缩放; ③创造容器。每行建立一个div,并装入尽可能多的图片,直到容器装不下; ④第一步调整。每行根据自己与目标宽度(当前浏览器宽度)的差值,再等比
  • 如果当前文本内的字体尺寸未设置,则相对于浏览器的默认字体。他可以继承父元素的字体大小,因此不是一个固定的值。 rem,是C3新增的一个属性,相对的是html根元素。 px,em,rem的区别: IE无法识别那些以px为单位的...
  • 双击缩放是指用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 原因就出在浏览器需要如何判断快速点击上,当用户在屏幕上单击某一个元素时候,例如跳转链接<a hr...
  • 这是由于区分单击事件和双击屏幕缩放的历史原因造成的,双击缩放是指用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 原因就出在浏览器需要如何判断快速点击上,当用户在屏幕上单击某...
  • 图像固定比例缩放 屏幕放大器 图像缩放与保存 二、图像剪切 图片剪切 图像的剪切 保留椭圆下的图像内容 去除椭圆下的图片内容 照片版式处理 三、图像转动 图像水平翻转 图像旋转 图像垂直翻转 四、图像融合 在图像上...

空空如也

空空如也

1 2 3 4
收藏数 71
精华内容 28
关键字:

如何缩放浏览器比例