仅在某些屏幕分辨率下包含php文件

我在响应式设计方面遇到了问题。 我找到的一个解决方案是,如果窗口尺寸不够大,根本不加载它们。 所以我想我会用广告代码,容器等创建一个单独的php文件……而不是将它包含在页面上。 但是,如果窗口宽度为720px或更高,我不知道如何只包含此文件,否则不包含此文件。 也许,javascript可以用某种方式,不知道它将如何适用于所有的dom和PHP包括虽然。

您可以尝试以下方法:

 

这里#place_holder_div是你的html文件中的div。 语法是Jquery但是如果你愿意,你当然可以使用普通的javascript。 代码查看屏幕宽度,如果大于720像素,则将php文件file_from_server.php (包含您的广告)加载到占位符div中。

了解客户端窗口或屏幕大小的唯一方法是使用JavaScript。

 window.innerHeight; // Available height of the browser for the document window.innerWidth; // Available width of the browser for the document window.outerHeight; // Browser height window.outerWidth; // Browser width window.screen.height; // Screen height window.screen.width; // Screen width 

检查完这些后,您可以对相关文件执行HTTP请求。 然而,它可能不是最佳解决方案,因为用户实际上可以在任何给定时间改变上述任何尺寸。