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请求。但是，它可能不是最佳解决方案，因为用户实际上可以在任何给定时间更改上述任何大小。

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

2 个答案: