php - 我需要根据访客视口(viewport)调整图片大小

标签 php javascript jquery ajax

伙计们,请保持温和,我不是专业程序员,只是网站管理员,我需要一些帮助。这是我的问题:

我正在用 php 运行一个网站。我想向我的成员展示图片,但我希望这些图片保持在特定的大小限制内,这样它们就不会导致访问者水平滚动以查看整个图片。到目前为止,我已将上传图片的大小限制为 800x600 作为最小公分母。然而,我认为应该允许拥有更大显示器的用户看到更大的图片,所以我计划取消 800x600 的限制,但我仍然想确保显示的图像不会大于访客视口(viewport)(实际上让我们比如说 2/3 的视口(viewport))。

现在,我明白了 php 在服务器上运行而 javascript 在客户端上运行,并且没有简单的方法将视口(viewport)尺寸传递给 php 代码,我尝试过但惨败,所以很清楚。

但是我也读过(尤其是在这个网站上)有一些方法可以做到这一点,使用 JQuery 和/或 Ajax。我的主要问题?我不知道如何使用 Javascript、JQuery 或 Ajax 进行编程。所以我的问题是:为了在我的程序生成的语句中使用浏览器宽度,我应该在我的 php 文件中包含什么才能使客户端将浏览器宽度返回到 php 文件或我的 html 模板?

如果我没理解错的话,当访问者要求查看页面并且我的服务器向他们发送我的页面结果时,应该有一些代码会向我发送回浏览器宽度,然后服务器将重新发送页面,使用它收到的值。我说得对吗?如果这就是它的工作方式,那么如果我能够获取该浏览器宽度值并将其存储在 php 全局变量中,这样就不会每个页面都生成两次,那将是理想的选择。那可以吗?

请非常具体,正如我所说,我是这些事情的新手。

不用说,我们将不胜感激。

非常感谢您的关注。

P.S.: 我已经在我的服务器上下载并安装了 JQuery,但我不知道如何使用它来解决这个问题。

最佳答案

试试 style="max-width:100%;"

演示:http://jsfiddle.net/5HeG2/1/

关于php - 我需要根据访客视口(viewport)调整图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11429567/

相关文章:

php - 散列(): Unknown hashing algorithm: fnv1a64

javascript - 在窗口调整大小时按比例调整 div 的宽度和高度

javascript - 简单的 jQuery 模态窗口在页面加载时不显示弹出窗口

php - PHP 中的 Facebook Messenger Bot 并不总是响应用户

php - 如何创建计时器

javascript - 使用 PHP 更改 URL,而不删除现有变量

javascript - 如何在 javascript 文件中输入 json 文件的正确路径

javascript - setInterval启动我的页面在生成30+数据时就卡顿了

javascript - 在数组循环中绑定(bind) 'this'

javascript - 在 JavaScript 或 jQuery 中,当 div 的内容发生变化时是否会触发一个事件?