阿里云服务器

现在最流行的网页编码就是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端中要显示和隐藏的内容了。

相关阅读:
  • 把select option框样式改成input radio的方法
  • phpcms v9修改网站域名后,栏目链接无法变过来的问题
  • 宝塔控制面板快速设置404页面的方法
  • 帝国CMS伪静态connect.php(2439) : eval()'d code on line 1错误的解决办法
  • 让百度地图api支持https的方法
  • 网页js自动触发input或者button,复制指定DIV内容的方法
  • 腾讯CDN: 什么是Range回源和配置方法
  • zblog配置腾讯CDN出现HTTP ERROR 564错误的处理办法
  • 鼠标经过图片 缓慢上移实现方法
  • 通过css让DIV实现淡入的动画特效的方法