Die mobile Ansicht für Netlify-Geräte funktioniert nicht ordnungsgemäß
P粉276876663
P粉276876663 2023-09-10 00:13:04
0
2
570

Das CSS für diese Website funktioniert auf meinem Computer einwandfrei, ebenso wie in der Desktop-Version und der mobilen Version, die mit Medienabfragen erstellt wurde. Wenn ich sie jedoch auf einem mobilen Gerät ansehe, funktioniert das CSS nicht mehr. Website-Link: https://lightheart-basbousa-3c2db6.netlify.app/, Repo-Link https://github.com/hetyug04/portfolioV7. Es wird auf Netlify gehostet, aber ich hatte bisher keine Probleme damit. Dies ist die mobile Ansicht auf meinem Handy

P粉276876663
P粉276876663

Antworte allen(2)
P粉476547076

您的 CSS 正在较小的屏幕尺寸上运行。

使用浏览器的开发工具,我可以看到您在介绍类上有一个带有 display: none 的媒体查询。这会影响小于或等于 1015 像素的屏幕。如果您更改或删除媒体查询,您的输出将会更改。

不确定它为何存在,以及删除是否能完全解决您的问题,但检查这应该是您的第一步。

还有一些其他问题,例如溢出和宽度不正确,也许您想查看移动优先设计方法

P粉757640504

我解决了这个问题,显然这是因为我将 CSS 样式嵌套在样式表中,一旦我取消嵌套样式,CSS 就开始适用于移动浏览器

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage