加载页面的css-media-queries

时间:2015-06-09 20:30:43

标签: css

我搜索了网上的每个地方,但我找不到答案。 因为我想知道,是否可以加载带有css-media-queries的网站页面? 因此,当他检测到屏幕尺寸时,它会加载不同的网页。

实施例

他检测到一个480px宽的屏幕(移动屏幕)并从css-media-query代码中加载一个网站,该代码仅针对该屏幕大小,其中仅包含该页面的所有php和其他功能。

这可能吗?在编码中完成这项工作的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

没有。媒体查询用于样式化内容,而不是加载整个页面。而后端(即您的PHP)脚本通常不知道客户端屏幕大小。

基本上你有两个选择:

  • 使用某些JS脚本确定视口大小后,通过AJAX加载内容
  • 使用视口大小设置一个cookie(再次,通过测量视口大小的JS脚本)并在后端脚本中评估

但是,选项2仅在第二个请求之后才会起作用。