文章詳情頁
css3 - viewport和@media的區(qū)別是什么
瀏覽：153日期：2023-07-09 16:18:02
問題描述
最近做的移動(dòng)端響應(yīng)式，用viewport，然后改成比例調(diào)節(jié)，就支持了移動(dòng)端。那么@media用在什么情況下呢？這兩個(gè)各自的特點(diǎn)和適用場(chǎng)景是什么？
問題解答
回答1：viewport是用在移動(dòng)端的設(shè)置屏幕大小,media則是根據(jù)屏幕大小的不同來設(shè)置對(duì)應(yīng)的樣式
回答2：@media 在CSS中添加@media screen屬性,根據(jù)瀏覽器寬度判斷并輸出不同的長(zhǎng)寬值。可以對(duì)指定的元素進(jìn)行控制
標(biāo)簽：
CSS
相關(guān)文章：
1. docker 17.03 怎么配置 registry mirror ?2. css3里rotate怎么實(shí)現(xiàn)如圖的效果3. javascript - 使用location.href進(jìn)行頁面跳轉(zhuǎn)時(shí)，并不立即跳轉(zhuǎn)？4. mysqld無法關(guān)閉5. angular.js - angularJS service里面存儲(chǔ)的數(shù)據(jù)能夠直接和HTML頁面交互嗎？6. html - chrome 下 transiton translateX(10px) 后字體變化7. spring-mvc - eclipse java maven web 項(xiàng)目如何重新編譯 ，不是clean那個(gè) 詳情進(jìn)來看圖 謝謝大家8. javascript - 七牛接口如何在前端調(diào)用？9. html - css 的::-webkit-scrollbar 只能夠設(shè)置垂直滾動(dòng)條的寬度？？如何設(shè)置水平滾動(dòng)條的寬度??10. javascript - vue-cli項(xiàng)目中，獲取微信access_token時(shí)遇到的跨域問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備