我在响应式网页设计的屏幕分辨率升级方面遇到问题
我制作了多个个人项目，用于练习网站设计和不同的JS框架。在大多数情况下，无论是使用纯CSS媒体查询和Flexbox，还是Bootstrap和Bootstrap和Mitalize等框架，我都学会了如何进行响应式设计。但是，我仍然无法弄清楚屏幕分辨率提高问题，在这一点上，我什至不知道从哪里开始。
我的工作设置屏幕分辨率是标准的1920x1080，但是每当我将项目加载到具有较高RES的监视器上时，都不会尺寸（文本，图像，SVG）扩大规模，同时坚持其在布局中的相对/绝对位置整个设计崩溃或脱节。当我用开发工具人为地更改Chrome中的Tab的分辨率时，也会发生同样的事情。
我的设置非常基本，我正在使用VS代码，背景和Chrome中的本地节点测试服务器。文档或教程都没有解决这个问题，所以我不知道在哪里寻找答案。请帮我...
I have made multiple personal projects for practising website designs and different JS frameworks. For the most part, I've learned how to do responsive design, whether with pure CSS media queries and flexbox, or with frameworks like Bootstrap and Materialize. However, I still haven't been able to figure out the screen resolution upscaling issues, and at this point, I don't know where to even start.
My work setup screen resolution is standard 1920x1080, but whenever I load my projects on monitors with higher res, none of the elements (text, images, SVGs) scale up in size, while sticking to their relative/absolute positions in layout, making the whole design fall apart or become disjointed. Same thing happens when I artificially change the resolution of the tab in Chrome with the dev tools.
My setup is pretty basic, I'm using VS Code, with a local node testing server in the background and Chrome. None of the documentation or tutorials have addressed this, so I don't know where to look for answers. Please help me...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论