php - 将屏幕宽度存储在变量中以及如何在 html 和 css 中使用它

Question

我想要的是建立一个非常灵活的网站供个人使用。实际上，我的浏览器中有这个。这将是我的起始页面。问题是我将容器设置为 70% 的宽度。我怎样才能将字体大小和单词之间的间隙设置为容器宽度的 x%？我认为答案与 javascript 相关，但我可以帮忙吗？谢谢

Answer 1

你应该真的可以用 CSS 解决这个问题，但是如果你想用 js 和 php 来解决这个问题，你可以这样做。

1. 您的第一页应该只包含一个 jquery 函数，该函数检索屏幕分辨率并同步通过 GET 或 POST ajax 将其发送到 php 脚本。然后脚本将分辨率保存到 $_SESSION。在服务器上获得分辨率数据后，将浏览器重定向到真实页面。您的真实页面应该有一个动态输出的 CSS，例如 style.php。在这个 php 中，您应该返回正确的标题，说明它是一个样式表文件（mime），然后输出您的 css，其中的值是根据您在会话中的分辨率计算得出的。

好吧，这是我的想象，你可能不应该这样做，因为它很丑而且有很多开销。

Answer 2

我相信这实际上更像是一个带有一点 javascript/jquery 的 css 问题。这应该可以帮助您实现您的目标：http ://css-tricks.com/resolution-specific-stylesheets/