移动时移动对象

Question

我的网站我有这个登录屏幕底部的页脚。 该页面针对台式机显示器进行了优化，该网站本身已针对PC和移动设备进行了优化，所以我不想经历创建新移动版本的麻烦。

我不擅长使用脚本，所以这就是我在这里问的原因： 当屏幕尺寸小于400像素时，我可以制作一个脚本来移除页脚吗？

这里的一些照片的问题，也许你们可以给我一个解决方案？ 在此先感谢！

Answer 1

使用CSS @media：

/* From 0 to 992px Device Width */ 
@media (max-width: 992px) { 

    #footer { 
     display: none; 
     // Other styles here 
    } 

} 

Answer 2

如果您使用的引导：

超小型器件手机（< 768px）（类名：。 visible-xs-block，hidden-xs）

小型设备片剂（≥768px）（类名：。可见-SM-块，隐藏-SM）

中等设备台式机（≥992px）（类名：。可见-MD-块，隐藏MD）

大型设备台式机（≥1200px）（类名：。可见-LG-块，隐藏-LG）

更多信息：http://getbootstrap.com/css/#responsive-utilities

如果您不是您需要为您的页脚添加@media查询，假设您的页脚类是.footer。其媒体查询将以下内容：

@media screen and (max-width: 480px) { 
 
    .footer { 
 
     display: none; 
 
    } 
 
}