網(wǎng)頁模塊實(shí)現(xiàn)電腦端顯示(隱藏)手機(jī)端隱藏(顯示)
在開發(fā)的很多時(shí)候，遇到有些模塊在電腦端顯示正常，而到手機(jī)端就顯示不正常，或者有些模塊只想在電腦或手機(jī)一端顯示。另一端不顯示。這個(gè)就要用到HTML+CSS的隱藏功能了。
1、電腦端顯示，手機(jī)端隱藏，以下是CSS樣式，引用即可：
.pcbdmap{
display: block;
}
@media (max-width: 768px){.pcbdmap{display: none;}
2、手機(jī)端顯示，電腦端隱藏，以下是CSS樣式，引用即可：
.sjbdmap{
display: none;
}
@media (max-width: 768px){.sjbdmap{display: block !important;}}
注：@后面的樣式直接放到對(duì)應(yīng)的css下面，例如：css中已經(jīng)有.pcbdmap這個(gè)標(biāo)簽了，就不用再重新寫了。
