媒體查詢見解
- 適配手機端：
- 本周困擾：
- 我的感悟：
適配手機端：
相信大家在制作網頁時有時候會遇到無法適配手機端的問題，
這個問題也困擾了我很久，一個偶然的機會，我成功地讓自
己的網頁適配了手機端，接下來我就對我的情況進行闡述，
希望能對大家有所幫助，
本周困擾：
在上一周我們進行了前端的考核，在那次考核中，我無法讓自
己的網頁適配手機端，從而在考核中失利，對此，我心中十分
在意，在考核結束后，我積極地向他人請教，希望能夠讓自己
對適配手機端更加了解，但是每個人的網頁布局及相關內容都
有所不同，所以我的問題未能得到有效解決，我經過了數次嘗
試，終于找出了問題所在，并解決了這個問題，
大家也看到了，此處無法適配手機端，且出現警告，說明此處
的問題，但在我的網頁開發工具里卻未報錯，因此很讓人頭疼，
我的感悟：
首先，我們每個人都知道適配手機端要用的是媒體查詢，并應
用了媒體查詢，但卻沒有效果，這是因為我們有可能在最上面
時參考了網頁無法識別的代碼，導致媒體查詢失效，我的網頁
便是如此，下面是我的錯誤參考：
meta name=“viewport” content="width=device-width,
initial-scale=1.0 "，此行導致無法適配手機端
@media screen and (max-width: 480px)
將此行代碼注釋后的效果：
大家看到圖片成功適配手機端，問題得到解決，圖片直觀
地表達了我的問題及我的困擾與感悟，
以上就是我對媒體查詢的部分見解，希望能對有著這種情況的
前端伙伴有所幫助，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/374699.html
標籤：其他
上一篇：2021年大資料ELK（十五）：Elasticsearch SQL簡單介紹
下一篇：day28：java8新特性