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