Chrome web 开发者工具更改屏幕分辨率
[英]Chrome web developer tool changes screen resolutions
问题描述
Well, i was developing a responsive website and i found out that, i don't know if it's a bug or some configuration, but while using the chrome website developer tool, when i resize the screen to a smartphone resolution, the screen resizes weird in some times, i don't know how to exactly describe the behavior, but for example, when i select the moto g4 resolution it shows me something like this:
好吧，我正在开发一个响应式网站，我发现，我不知道这是一个错误还是某些配置，但是在使用 chrome 网站开发人员工具时，当我将屏幕调整为智能手机分辨率时，屏幕调整大小很奇怪在某些时候，我不知道如何准确描述这种行为，但例如，当我 select moto g4 分辨率时，它向我展示了这样的内容：
And after some page refreshs i realize that the content it's shown different to something like this:在刷新一些页面后，我意识到它显示的内容与以下内容不同：
As far i know i haven't changed any configuration and if you can see the resolution and the zoom percentege is the same, i don't know what it could be but it's annoying as i try to design responsive.据我所知，我没有更改任何配置，如果您可以看到分辨率和缩放百分比是相同的，我不知道它可能是什么，但是当我尝试设计响应式时它很烦人。 I appreciate any help:)我很感激任何帮助:)
1 个解决方案
解决方案1
2 2020-06-24 02:15:20
It might be in the way you have setup your responsiveness.这可能是您设置响应能力的方式。 Did you you scale from mobile first or from web first when you did you css did you right down your media query did you scale from max width or min width?您是先从移动设备扩展还是先从 web 扩展时，您是从 css 直接向下扩展媒体查询的，您是从最大宽度还是最小宽度进行扩展？ feel like it has something to do with your media querys but might be wrong感觉它与您的媒体查询有关，但可能是错误的
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.