浏览器在DPI缩放时变化问题

在高分辨笔记本电脑上,如果使用了"放大".那么原来在笔记本上很小的字和图就看起来大很多了.看起来舒服.

这个笔记本电脑是 1920 1080 装W10,系统推荐说125%佳.于是设置成125%

设成这个之后,浏览器就变样了.

这是最大化时的浏览器,原本应该是1920才对的

这样的话,在调试网页时,会造成比例不对的困扰.比如设计图是1920的,那么当然是在1920的分辨下显示最好了.

让网页不随着电脑放大的办法

1.谷歌浏览器:

禁用DPI缩放,加上这句话 /high-dpi-support=1 /force-device-scale-factor=1

2.火狐浏览器

3.edge浏览器

好像只需要设置100%就行了

时间： 2024-08-01 15:22:16

浏览器在DPI缩放时变化问题的相关文章

CSS 实现背景图尺寸不随浏览器缩放而变化

一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放后背景图的尺寸并不改变: 再比如花瓣网( huaban.com ): 现在用CSS来实现这一效果. 首先需要一张足够大尺寸的图片,上图百度背景图的尺寸为1600*1000px( 图片地址:http://4.su.bdimg.com/skin/12.jpg?2 ):花瓣背景图的尺寸为1600*1600px( 图片地址:http://hbfile.b0.upaiyun.com/i

CSS实现背景图尺寸不随浏览器缩放而变化的两种方法

方法一. 把图片作为background 有几个CSS的属性要提一下:background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位区域中,如果不使用这个属性,在IE11和FireFox中缩放浏览器,背景图片会随之缩小,同时使用-webkit-background-size: cover和-o-background-size: cover兼容webkit内核浏览器和Opera浏览器:backgro

掉坑日志：Windows Native API与DPI缩放

高DPI显示器越来越普及,软件自然也要适应这个变化,最近实习的时候也遇到了一个关于DPI缩放的问题.因为内部框架的一个控件有BUG,会导致内容的显示出问题,后来实在没办法改成了用Windows Native API来自己定义字体,但是这一写就出问题了,本来在内部开发机100%放缩下好好的,一跑到我自己的WIN10,在2K屏放上缩放125%就字体就显示不正常了(字体变得过大). Window Vista以后的系统可以直接来个SetProcessDpiAwareness来控制程序的DPI问题,但是这

Firefox下网页缩放时防止div被挤到下一层

http://wu110cheng.blog.163.com/blog/static/13334965420121120102439190/ Firefox下网页缩放时防止div被挤到下一层问题:三个div,一个div中包含两个浮动带有border边框的div:且样式设计中保证两个div全部宽度之和等于外层div的宽度.在火狐下缩放网页显示比例小于100%时,会导致右边div被挤到下一行. 案例: <style> *{ margin:0; padding:0;} #box{width:300

[修正] Firemonkey TSelection 控件等比缩放时，左下角拉动问题

说明:TSelection 控件,当在属性 Proportional = True 为等比缩放时,拉动左下角,右上角会跟着移动. 适用:Berlin 10.1.1 (或之前版本) Firemonkey 修正方法: 请将源码 FMX.Objects.pas 复制到自己的工程目录里,再进行修改. procedure TSelection.GetTransformLeftBottom(AX, AY: Single; var NewSize: TPointF; var Pivot: TPointF);

html文件乱码以及用浏览器打开html文件时乱码问题解析

html文件是有编码方式的,比如"UTF-8"."GBK"等等.这些在记事本中或许看不出来,但是在eclipse中,可以设置html文件的编码方式,以下的图片中会有说明. 测试一: 以"UTF-8"方式保存html文件,具体的文件内容见下图: 图中可以看到,文件的编码方式为"UTF-8",下方的红框中的Other所示,是在eclipse中设置的.图片上方的红框指明浏览器打开该文件的编码方式,可以看到为"UTF-8&q

图片缩放时java.lang.IllegalArgumentException: pointerIndex out of range

06-03 20:45:24.143: E/AndroidRuntime(1230): FATAL EXCEPTION: main 06-03 20:45:24.143: E/AndroidRuntime(1230): java.lang.IllegalArgumentException: pointerIndex out of range 06-03 20:45:24.143: E/AndroidRuntime(1230): at android.view.MotionEvent.native

C#如何消除绘制图形缩放时抖动，总结

一.手动双缓冲首先定义一个BitmapBitmap backBuffer = new Bitmap(画布宽度, 画布高度);然后获取这个Bitmap的GraphicsGraphics graphics = Graphics.FromImage(backBuffer);然后在这个graphics上进行绘图graphics.Clean(Color.Black); 当所有绘图完成之后,将这个Bitmap再绘制到窗口的画布上,注意不要清理窗口的画布:windowGraphics.DrawImage(b

iOS UIScrollView的代理的使用及缩放时代理监听的几个方法

必须至少有三个步骤: 一,实现协议二,建立关系三,设置缩放的范围具体见代码: #import "ViewController.h" @interface ViewController () <UIScrollViewDelegate> //一定要先遵守这个协议 @property (weak, nonatomic) IBOutlet UIScrollView *ScrollView; @property (weak, nonatomic) IBOutlet UIIma