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

Question

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

Answer 1

您可以尝试以下方式：

<script language=javascript>
    if (screen.width >= 720 ) 
         $('#place_holder_div').load('file_from_server.php');
</script>

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

Answer 2

了解客户端窗口或屏幕大小的唯一方法是使用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请求。 然而，它可能不是最佳解决方案，因为用户实际上可以在任何给定时间改变上述任何尺寸。