html - 在移动设备上删除对象

标签 html css mobile footer

对于我的站点,我有一个登录屏幕,底部有一个页脚。 该页面针对桌面显示器进行了优化,并且网站本身已经针对 PC 和移动设备进行了优化,因此我不想经历创建新移动版本的麻烦。

我不太擅长使用脚本,所以我在这里问这个问题: 我可以制作一个脚本,在屏幕尺寸小于 400 像素时删除页脚吗?

这里有一些问题的照片,也许你们可以给我一个解决方案? 提前致谢!

Normal desktop view

When on mobile, the footer covers it -> I want the footer removed

最佳答案

使用 CSS @media:

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

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

}

关于html - 在移动设备上删除对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39819510/

相关文章:

css - 如何使用 CSS 断开 URL 中的字符串

html - 在移动设备上禁用悬停

css - 为什么这个div不增长div容器?

php - MySQL 末尾行上的 CSS 类

css - 响应式视频 CSS

ios - 如何为 iOS 网络应用程序创建 "Add to Home Screen"说明页面

android - Phonegap/Cordova 应用程序 - 主应用程序 - 不同的实现

ios - 动态改变位置

javascript - YouTube iFrame : Unsafe Javascript attempt to access frame

html - 我如何在 Meteor 中引用图像?