返回新闻列表

html css 解决DPI=125% 网站放大网页图片的问题

发布日期: 2022-11-11 | 来源: 智软设计工作室

html css 解决DPI=125% 网站放大网页图片的问题

但是我们知道这个现象的原因是因为笔记本DPI=125%导致页面整体被放大了,于是我回到浏览器中,使用Ctrl + 鼠标滚轮将网页缩小,缩小到80%的时候,我发现这个效果和UI设计稿居然保持一致了,而且图片的大小也对的上。


所以到这一步,我们原因找到了,解决方案也有了,那就是通过代码适配页面的缩放,具体代码如下:


@media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 80%;
    }
    @-ms-viewport { width: 1920px; }
}


代码的原理是使用@media查询,针对不同屏幕尺寸设置不同的样式。


推荐技术资料

{content:tags}关联文章 以及判断tags是否为空

2022-07-15

tags关联文章{content:tags}{pboot:if('{content:tags}'=='')} 空{else}手册:{pboot:list scode=40 tags={content:tags}}<p><a href="[list:link]">[list:title]</a></p>{/pboot:list}常见问题:{pboot:list scode=41 tags={content:tags}}<

阅读更多

ueditor 取消 过滤格式化规则 html css js 以及div转P问题解决

2022-03-08

主要更改二个js,1、ueditor.config.js2.在ueditor.all.js文件内搜索allowDivTransToP 将true设置为false(禁止将div 转为 p)

阅读更多

禁止复制功能,实用于电脑pc和移动手机端触屏浏览器

2023-02-22

需要添加一段css代码:* { -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/*webkit浏览器*/ -khtml-user-select:none;/*早起浏览器*/ -moz-user-select:none;/*火狐浏览器*/ -

阅读更多

php偶发出现502错误,其实是keepalive_timeout 设置高了。会导致偶发502

2025-12-26

最近客户网站,偶发出现502错误。服务器配置很多也没用完。其他进程配置也放很高。配置玩了。还是偶发会有。后来看到一个大神说的。浏览器和nginx的链接默认时60秒,然后nginx和应用之间比如php或者JAVA默认值没有60秒。一般是20秒或者30秒,所以就导致这个问题了。值需要在nginx里设置这个超时时间。小于60秒就行了。 

阅读更多

删除HTTrack Website软件下载的软件注释。

2024-03-21

使用正则模式查找替换即可。<!--(.*?Mirrored.*?)-->

阅读更多

PbootCMS判断是否有子栏目, pbcms特殊判断 三级四级都能判断

2022-12-09

PbCMS判断是否有子栏目,二级三级四级都能判断,然后可以写不同的样式运行,默认的 {pboot:nav parent={sort:scode}}不行,空的时候不执行,查出来数据[nav:soncount] 也是0,很奇怪。但是这个头部导航是可以,列表的时候有的要调用目录和内容一起循环,没有子子目录直接内容,就一直实现不了,看了个csdn技术人改的,我这里

阅读更多

jQuery 鼠标的移入移出实现 微信二维码显示隐藏

2022-12-05

<title>jQuery事件-微信的显示隐藏及鼠标的移入移出</title><scriptsrc="/imgjs/jquery-1.11.3.min.js"></script></head><body><divstyle="width:230px;height:200px;background-color:#333;position:relative;"&

阅读更多

css字体自适应屏幕设置,CSS中字体响应式的设置

2022-06-20

现在我们在做网站的时候,都按照响应式制作。但是又时候字体怎么设置都屏幕不一样。效果感觉有点不太一样。今天就来研究一下响应式字体是怎么实现了。看了一些资料。想要响应式主要是字体设置单位不一样,单位主要如下:1vw = viewport宽度的1%1vh = viewport高度的1%1vmin = 1vw或者1vh中较小的值1vmax = 1vw或者1vh中较大

阅读更多

PBOOTCMS重置栏目ID和文章id从1开始自增,SQLITE数据库重置id从1开始

2022-12-06

PBOOTCMS重置栏目ID和文章id从1开始自增,SQLITE数据库重置id从1开始DELETE FROM SQLITE_SEQUENCE WHERE NAME = 'ay_content'sqlite_sequence表也是SQLite的系统表改后面的表名称就行了。

阅读更多