文章詳情頁
css3 - viewport和@media的區別是什么
瀏覽：99日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應式，用viewport，然后改成比例調節，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設置屏幕大小,media則是根據屏幕大小的不同來設置對應的樣式
回答2：@media 在CSS中添加@media screen屬性,根據瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進行控制
標簽：
CSS
相關文章：
1. javascript - vue的element-ui(餓了嗎UI) webpack打包時externals無法分離2. （python)關于如何做到按win+R再輸入文件文件名就可以運行？3. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處4. python - 能通過CAN控制一部普通的家用轎車嗎？5. javascript - 請問 chrome 為什么會重復加載圖片資源？6. javascript - 請教如何獲取百度貼吧新增的兩個加密參數7. css3 - 微信前端頁面遇到的transition過渡動畫的bug8. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？9. html5 - 只用CSS如何實現input框的寬度隨框里輸入的內容長短自動適應？10. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題
排行榜
網公網安備