這個問題在這里已經有了答案：
![為什么我的 CSS 在移動設備上看起來與在我狹窄的桌面瀏覽器上不同，我該如何更改它？[復制]](https://img.uj5u.com/2021/10/14/df3b6a07a1f545a09ffa74bb5bfbaacf.png)
移動設備上的登錄螢屏：
![為什么我的 CSS 在移動設備上看起來與在我狹窄的桌面瀏覽器上不同，我該如何更改它？[復制]](https://img.uj5u.com/2021/10/14/7b518670855f4a1fb44bb47bba2921de.png)
兩側具有相同的寬度和高度以及完全相同的 CSS 代碼。
為什么它看起來不同，我該如何改變它？
如果我嘗試使用
@media screen and (max-width: 520px){ ... }
要更改 div 的寬度，它在移動設備上看起來更好，但在桌面上看起來更糟。
uj5u.com熱心網友回復：
不要使用縮小桌面大小來在移動設備中查看您的網站，
而是使用 chrome 開發人員工具上的移動圖示來查看將在什么螢屏尺寸上顯示的內容，并相應地在 CSS 中使用媒體查詢，以便您可以獲得什么你想要在手機上的外觀。
![為什么我的 CSS 在移動設備上看起來與在我狹窄的桌面瀏覽器上不同，我該如何更改它？[復制]](https://img.uj5u.com/2021/10/14/49b0a68b92f0436ab9c9982a179b25e4.png)
uj5u.com熱心網友回復：
嘗試使用百分比而不是像素，它應該可以作業。您可能會考慮的另一件事是使用引導登錄頁面。
uj5u.com熱心網友回復：
這是一個非常有用的標簽，您可以放在您的頭部標簽中。這可能是你的問題
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/312910.html
上一篇：從GUI滑塊獲取可變浮點值
下一篇：在Figma上顯示實時圖表