文章詳情頁
css3 - viewport和@media的區別是什么
瀏覽：116日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應式，用viewport，然后改成比例調節，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設置屏幕大小,media則是根據屏幕大小的不同來設置對應的樣式
回答2：@media 在CSS中添加@media screen屬性,根據瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進行控制
標簽：
CSS
相關文章：
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?2. debian - docker依賴的aufs-tools源碼哪里可以找到啊？3. css3 - border-bottom 的長度可否超過盒子的寬度呢？實現如下圖效果。（我的書下面的線）4. docker gitlab 如何git clone？5. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片6. JavaScript事件7. css3 - css怎么實現圖片環繞的效果8. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？9. mysql優化 - mysql EXPLAIN之后怎么看結果進行優化 ？10. java - spring boot @Autowired
排行榜
網公網安備