文章詳情頁(yè)
css3 - viewport和@media的區(qū)別是什么
瀏覽：226日期：2023-07-09 16:18:02
問(wèn)題描述
最近做的移動(dòng)端響應(yīng)式，用viewport，然后改成比例調(diào)節(jié)，就支持了移動(dòng)端。那么@media用在什么情況下呢？這兩個(gè)各自的特點(diǎn)和適用場(chǎng)景是什么？
問(wèn)題解答
回答1：viewport是用在移動(dòng)端的設(shè)置屏幕大小,media則是根據(jù)屏幕大小的不同來(lái)設(shè)置對(duì)應(yīng)的樣式
回答2：@media 在CSS中添加@media screen屬性,根據(jù)瀏覽器寬度判斷并輸出不同的長(zhǎng)寬值。可以對(duì)指定的元素進(jìn)行控制
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - sublime快鍵鍵問(wèn)題2. javascript - immutable配合react提升性能？3. macos - 如何徹底刪除mac自帶的apache和php4. DADB.class.php文件的代碼怎么寫(xiě)5. mysql - 在log日志中已知用戶的某一步操作，如何獲取其上一步操作？6. shell - mysql更新錯(cuò)誤7. 網(wǎng)頁(yè)爬蟲(chóng) - 如何使用使用java抓取信息并制作一個(gè)排名系統(tǒng)？8. 如何設(shè)置一個(gè)無(wú)限循環(huán)并打破它。（Java線程）9. python小白 自學(xué)看書(shū)遇到看不懂的地方10. php對(duì)mysql提取數(shù)據(jù)那種速度更快
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備