不添加css样式,在PC端能正常显示的网页到了手机上就显示不正常啦!
最大宽度设置为768px 意味着:超过此宽度的浏览器就会显示这个样式。巧妙利用了手机竖屏时宽度较小的特性。
下面功能包括在手机端显示和隐藏,左右边距设置为零及宽度占据百分百
@media screen and (max-width: 768px) {
.m-mobile-hide{
display: none !important;
}
.m-mobile-show{
display: block !important;
}
.m-padded-lr-responsive{
padding-left: 0 !important;
padding-right: 0 !important;
}
.m-mobile-lr-clear{
padding-left: 0 !important;
padding-right: 0 !important;
}
.m-mobile-wide{
width: 100% !important;
}
}