文章詳情頁
css3 - viewport和@media的區別是什么
瀏覽：125日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應式，用viewport，然后改成比例調節，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設置屏幕大小,media則是根據屏幕大小的不同來設置對應的樣式
回答2：@media 在CSS中添加@media screen屬性,根據瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進行控制
標簽：
CSS
相關文章：
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - 求賜教：網易郵箱Web端模擬登錄看信的加密參數_ntes_nnid、_ntes_nuid3. javascript - 使用angular 的ui-sref 中出現了中文參數，點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖？5. javascript - QWebEngineView 如何爬 angular 的動態數據？6. html5 - 這個代碼顯示功能如何實現？7. javascript - 用JS 七牛上傳圖片出現文件已存在的錯誤（file exists）8. 工作近5年，3年Java Web ，近2年前端，未來何去何從？9. css3 - 圖片等比例縮放10. java - 字節流轉成字符串之后，在通過字符串轉成字節流后的文件為什么會不一樣？
排行榜
網公網安備