文章詳情頁
css3 - viewport和@media的區別是什么
瀏覽：112日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應式，用viewport，然后改成比例調節，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設置屏幕大小,media則是根據屏幕大小的不同來設置對應的樣式
回答2：@media 在CSS中添加@media screen屬性,根據瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進行控制
標簽：
CSS
相關文章：
1. css3 - 求教CSS圖標庫的寫法，也就是先做雪碧圖，然后寫一個css表，用的時候直接用class就可以了2. 百度地圖api - Android百度地圖SDK，MapView上層按鈕可見卻不可觸，怎么解決？3. html - 前端大牛都頂一下！CSS鼠標樣式問題，如圖所示4. javascript - es6擴展運算符...的問題5. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典，但某些div下沒有這一元素，導致自動寫入下一條，如何解決？6. node.js - 在nodejs環境中如何配置webhook以實現hexo博客的自動更新？7. html5 - canvas中的mousedrag事件，為什么鼠標拖出canvas，然后再次移入canvas，drag事件還觸發8. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？9. 新入手layuiadmin，部署到tp中。想用php自已寫一個后臺管理系統。10. mysql 獲取時間函數unix_timestamp 問題？
排行榜
網公網安備