如何根据屏幕尺寸

时间:2015-08-14 00:26:46

标签: javascript jquery css web media-queries

我有两种形式必须使用相同的ID等,但是,一种是专门用于移动查看,另一种是用于其他一切。我正在使用媒体查询和显示:无显示/隐藏每个,但当然它们在技术上仍然在页面上编码,这意味着它们都不起作用。所以相反,我试图想办法根据屏幕大小完全删除元素。它必须被实际删除,而不是简单地隐藏。

我被困了,我需要让这个网站今晚迁移。任何建议都会非常感激!!!

1 个答案:

答案 0 :(得分:0)

使用jQuery解决方案向window添加'resize'事件监听器: jQuery on window resize

在您的事件处理程序中检查屏幕大小(Get the size of the screen, current web page and browser window

使用jQuery remove()删除元素http://api.jquery.com/remove/ 然后append()添加新的:http://api.jquery.com/append/

(仅在从一个尺寸范围更改为另一个尺寸范围时删除和添加元素,而不是在每个窗口调整大小时)