网页常规使用过程中,很多用户会觉得字体太小,习惯去放大下,
- 1.假设1920分辨率,设置系统放大到125%,实际页面的逻辑分辨率1920/125%(1536)px,高度1080要排除(底部任务栏,搜索栏,书签栏),实际高度只有逻辑像素929px,但是放大到125%后,实际高度只有逻辑像素714px(实际量出),我不是用929/125%,因为对应的(底部任务栏,搜索栏,书签栏)的高度也在变。
- 假设我在1920px设计稿中,字体12px,宽度铺满1920px,实际用户利用系统缩放放大125%后,会产生什么现象,因为逻辑宽度只有1536px,但是网页按照1920px来开发,也就是容器1536px装不下1920px,.如果网页没有限制最小宽度为1920px,并且设置滚动条得话,网页会发生换行,文字会发生换行等情况。那我们如何处理来减少换行这种情况,1,添加滚动条,但是这个基本会被否定,除了特别小得屏幕才会这样做,滚动条太多会导致不美观,领导客户不喜欢等情况。
- 之前逻辑分辨率是1920px,物理分辨率是1920px,用户放大到125%,实际逻辑分辨率为1536px,物理分辨率是1920px.物理分辨率是不会变的。但是网页按照1920px来开发,也就是之前网页开发的分辨率等于之前的逻辑分辨率1920px,但是现在逻辑分辨率变成了1536px,网页开发的分辨率还是1920px,就会导致容器不够用,换行等情况,所以分情况(1.网页没有完全铺满,中间空隙有个400px,现在逻辑分辨率1920px-400px=1520px(网页开发分辨率),这样1520px可以放到1536px这个容器里面。2.设计稿按照1536px设计[实际上不大可能让设计师输出这么多设计稿],3.网页开发分辨率调整成和逻辑分辨率一样1536px,但是网页开发分辨率缩小有个问题是,大部分盒子都能缩小,但是字体,浏览器有限制,不能无限缩小,文字的逻辑像素最小只能12px,所以如果1920px设计稿文字是12px,网页开发分辨率是1536px,本来文字应该是12/125%,但是文字最小12px,所以在1536px下文字还是只能是12px,然后就会导致文字换行,文字超出盒子模型,所以为了防止这种情况,我们要让文字有得空间缩小,1920px设计稿下文字大小应该为12px*125%=15px,如果要兼容其他分辨率以此类推)