我們在設(shè)計(jì)網(wǎng)頁的時(shí)候,有些時(shí)候是希望某個(gè)頁面或者某個(gè)模塊在電腦端或者是在手機(jī)端顯示的,而在其他設(shè)備中是不顯示的。這里有什么辦法來實(shí)現(xiàn)呢?其實(shí)很簡單,我們用CSS來控制即可。
<div class="wp-none">電腦端顯示的內(nèi)容</div>
這個(gè)就是我們DIV控制的電腦端要顯示的內(nèi)容,用wp-none定義樣式。
@media screen and (max-width: 560px) { .wp-none{display:none; }}
我們在CSS中控制屏幕尺寸然后讓其隱藏。是不是比較簡單?
評論