簡單的CSS代碼可以控制頁面只在電腦端顯示

麥子 優(yōu)化維護(hù)52字?jǐn)?shù) 240閱讀0分48秒閱讀模式

我們在設(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中控制屏幕尺寸然后讓其隱藏。是不是比較簡單?

投上你的一票
 
  • 本文由 麥子 發(fā)表于 2024年9月25日 08:04:03
  • 轉(zhuǎn)載請務(wù)必保留本文鏈接:http://bjj.org.cn/css-media-screen.html
  • CSS控制PC端顯示