文章詳情頁
css3 - viewport和@media的區(qū)別是什么
瀏覽：186日期：2023-07-09 16:18:02
問題描述
最近做的移動端響應(yīng)式，用viewport，然后改成比例調(diào)節(jié)，就支持了移動端。那么@media用在什么情況下呢？這兩個(gè)各自的特點(diǎn)和適用場景是什么？
問題解答
回答1：viewport是用在移動端的設(shè)置屏幕大小,media則是根據(jù)屏幕大小的不同來設(shè)置對應(yīng)的樣式
回答2：@media 在CSS中添加@media screen屬性,根據(jù)瀏覽器寬度判斷并輸出不同的長寬值。可以對指定的元素進(jìn)行控制
標(biāo)簽：
CSS
相關(guān)文章：
1. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入2. macos - 無法source activate python273. 預(yù)訂金和尾款分別支付4. javascript - 微信網(wǎng)頁開發(fā)從菜單進(jìn)入頁面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁面，求解決？5. empty比isset更嚴(yán)格一點(diǎn)6. thinkphp6使用驗(yàn)證器 信息如何輸出到前端頁面7. 我在導(dǎo)入模板資源時(shí)遇到無法顯示的問題，請老師解答下8. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤？9. python - sqlalchemy更新數(shù)據(jù)報(bào)錯10. javascript - h5微信中怎么禁止橫屏
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備