英文:
Phone view on chrome inspection is messing up the dimensions on certain pages for my site
问题
So I've been working on the responsiveness for my website I'm making and everything works just fine when I'm on the home page. But when I switch to any other page, the dimensions for some reason don't register, and it says the size of the page is way bigger than it actually is (I have it set to iPhone view (375x667) but it keeps saying (980x1743)). Does anyone have any idea how to fix this?
英文:
So I've been working on the responsiveness for my website I'm making and everything works just fine when im on the home page. But when I switch to any other page the dimension for some reason don't register and it says the size of the page is way bigger than it actually is (i have it set to iphone view(375x667) but it keeps saying (980x1743)). Does anyone have any idea how to fix this?
答案1
得分: 1
如果在Chrome DevTools设备模拟器中查看时，您的网站尺寸出现问题，请尝试以下步骤：
-
检查网站HTML头部中的视口元标签：
-
使用Chrome DevTools Elements面板检查是否存在CSS问题。
-
禁用可能引起问题的浏览器扩展。
-
尝试使用不同的设备模拟器或不同的浏览器来查看您的网站。
英文:
If the dimensions of your website are being messed up when viewed in the Chrome DevTools device emulator, try the following steps:
-
Check the viewport meta tag in the HTML head section of your website.
<meta name="viewport" content="width=device-width, initial-scale=1">
-
Check for any CSS issues using the Chrome DevTools Elements panel.
-
Disable any browser extensions that may be causing issues.
-
Try using a different device emulator or a different browser to view your website.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论