html css 解决DPI=125% 网站放大网页图片的问题
2022-11-11 20:22:27
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查询,针对不同屏幕尺寸设置不同的样式。
【责任编辑:超级管理员】
关键字:
jq 表格自动加入样式,以及清除其他乱七八糟的属性, pbootcms 增加清理冗余图片功能可视化,默认没显示,自己活动添加最新文章
2021-05-10 09:29
- 简单实现 网站转微信小程序,并且让他支持 转发给朋友 功能
- 取消pbootcms 首页加入了?参数后 301重定向问题
- dede 电脑端和手机端首页同步生成方法,
- excel表格导入access中不换行解决办法-
- dede完美上下篇 英文版替换标签 dede:prenext 中英
- dede中英文网站栏目条调用方法
- dede双语站 面包导航{dede:field name='position'}
- PS: 无法完成请求,因为某种原因阻止文本引擎进行
- dede企业网站常见左侧固定大小类二级菜单调用代码
- 栏目页dede:channelartlist调用下级子类并dede:arcl
- dede:channelartlis 判断是否有子类栏目
- 更换织梦后台图集上传flash插件为layui上传模块
相关文章
2021-05-10 09:29