根据屏幕大小从数据库获取其他图像

Question

我开始制作一个Web应用程序，其想法是，根据URL，可以从数据库中的负载变化文本和图像中访问它。 www.mitdomæne.dk/？id = 1 0.2 0.3等，最多50件。

现在的问题是，我必须具有动态内容才能根据手机或平板电脑（屏幕尺寸）关闭自身。

我可以让php选择什么尺寸的屏幕并回显正确的图片吗？

因此，如果是从侧面看的iphone，则加载的像素为320px宽，如果是ipad，则为1024px宽。

我已经使用这些字段创建了MySQL的日期库。

ID：公司：Billed_fil

代码看起来像这样。

的HTML：

 <div data-role="page" id="side1">
   <div data-role="header" data-nobackbtn="true"> </ div>
   <div data-role="content">
     <p class="brod"> <? php echo $ company?> </ p>
 <div id="billede"> <img src = "<? php echo $ billed_fil?>" alt = "" border = "0" /> </ div>
   </ div>
   <div data-role="footer"> </ div>
 </ div>

PHP：

 <? php

 include 'firmaer_db_cnx.inc.php';

 $ id = $ _GET ['id'];
     $ sql = mysql_query ("SELECT * FROM info_int WHERE id = '$ id'");

     $ company list = mysql_fetch_array ($ sql);

     $ id = $ company list ['id'];
     $ company = $ company list ['company'];
     $ billed_fil = $ company list ['billed_fil'];

 ?>

SQL版本5.1.53 PHP版本5.3.4

可能吗？

// Kasper

Answer 1

获取屏幕尺寸的唯一可能方法是通过javascript或某些通用的fronend编程语言，您可以使用ajax调用，将其保存到Cookie中，然后用php读取，或者您可能会更聪明一点，然后保存图像以相同的名称结尾一个...就是分辨率，例如iamge1024x123.png，然后根据分辨率使用javascript onload添加适当的图像。 然后您将不必要的调用保存到数据库中，并且在使用它时性能会有所提高。 希望您能理解我的想法，这对您有所帮助

Answer 2

PHP在提供给客户端浏览器之前已在服务器上运行，因此它不了解客户端浏览器所运行的屏幕大小。 一种可能的方法是通过JavaScript检索屏幕尺寸并将这些值传递给PHP（通过AJAX调用？）。 当然，其他SO人也会提出其他想法（可能比我的想法更好），因此如何选择是您的选择。

Answer 3

仅使用CSS可能会有更简单的方法来执行此操作。 看一下这个演示：

http://www.alistapart.com/d/sensitive-web-design/ex/ex-site-larger.html提示：调整浏览器窗口的大小。

这是解释该操作方法的文章 。 还有一些更多的背景信息 。

Answer 4

只需将图像存储在数据库外部即可

<script language="JavaScript" type="text/javascript">
if(screen.width==800 && screen.height==600){
document.images['id'].src='<? php echo $ billed_fil?>-800x600.gif';
}
else if(screen.width==1024 && screen.height==768){
document.images['id'].src='<? php echo $ billed_fil?>-1024x768.gif';
}
else{
document.images['id'].src='<? php echo $ billed_fil?>-default.gif'; 
}
</script>