瀏覽器多個窗口怎么設置在一個頁面,網頁多種版心適應多屏幕技巧
瀏覽器多個窗口怎么設置在一個頁面,網頁多種版心適應多屏幕技巧
在工作當中,我們難免會遇到這樣的適應屏幕需求,寬版以1200px為基準,窄版以1024為基準,版心應該怎么設置呢?而合理運用媒體查詢就能非常容易幫我們解決這個問題。
/*版心*/
@media screen and (max-width:1200px) and (min-width:1024px){.w{width:1024px;margin:0 auto;position: relative;}
}
@media screen and (max-width:1024px){.w{width:960px;margin:0 auto;position: relative;}
}
@media screen and (min-width:1200px){.w{width:1200px;margin:0 auto;position: relative;}
}