文章詳情頁
css3 - viewport和@media的區別是什么
瀏覽：135日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應式，用viewport，然后改成比例調節，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設置屏幕大小,media則是根據屏幕大小的不同來設置對應的樣式
回答2：@media 在CSS中添加@media screen屬性,根據瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進行控制
標簽：
CSS
相關文章：
1. 如何解決docker宿主機無法訪問容器中的服務？2. angular.js - 輸入郵箱地址之后， 如何使其自動在末尾添加分號？3. javascript - 如何使用nodejs 將.html 文件轉化成canvas4. javascript - html5的data屬性怎么指定一個function函數呢？5. docker-compose中volumes的問題6. 在mac下出現了兩個docker環境7. python - Scrapy存在內存泄漏的問題。8. javascript - 后臺管理系統左側折疊導航欄數據較多，怎么樣直接通過搜索去定位到具體某一個菜單項位置，并展開當前菜單9. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行？10. java如何生成token？
排行榜
網公網安備