现在最流行的网页编码就是html5 响应式架构自适应手机,iPad
由于界面的宽度不同我们往往需要控制一些内容只在pc端显示,而在手机端隐藏。
要隐藏并不难写一段DIV标签就可以实现;
.index_left_nav{display:none; }
关键是如何判断指定显示的平台
开始想了很多方法也没能解决,最后终于想到通过判定屏幕的大小来控制是否显示DIV
大屏幕控制电脑端:
@media screen and (min-width: 769px) { .index_left_nav{display:none; } }
小屏幕控制手机端:
/*小屏幕*/ @media screen and (max-width: 768px) { .index_left_nav{display:none; } }
这样就可以轻松定义手机,pc端中要显示和隐藏的内容了。