文章詳情頁
css3 - viewport和@media的區(qū)別是什么
瀏覽：136日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應(yīng)式，用viewport，然后改成比例調(diào)節(jié)，就支持了移動端。那么@media用在什么情況下呢？這兩個各自的特點和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設(shè)置屏幕大小,media則是根據(jù)屏幕大小的不同來設(shè)置對應(yīng)的樣式
回答2：@media 在CSS中添加@media screen屬性,根據(jù)瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進(jìn)行控制
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題2. css3 - 純css實現(xiàn)點擊特效3. docker start -a dockername 老是卡住，什么情況？4. java - 為什么第一個線程已經(jīng)釋放了鎖，第二個線程卻不行？5. mysql - 記得以前在哪里看過一個估算時間的網(wǎng)站6. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風(fēng)格檢查怎么辦。。。7. 大家好，我想請問一下怎么做搜索欄能夠搜索到自己網(wǎng)站的內(nèi)容。8. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded9. html - vue項目中用到了elementUI問題10. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數(shù)據(jù)都是全部出來的，如果分拆3次的話就沒問題，為什么呢。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備