如何根据屏幕大小加载不同的网页？

Question

我有两个不同的网页。一个用于手机/平板电脑，另一个用于台式机。我想根据所使用的设备显示其中一个网页。我不能使用媒体查询，因为它们的内容不同。有关如何实现这一目标的任何帮助吗？

Answer 1

您可以使用javascript

if(screen.width < 991)
    window.location = 'mobilepage.html';

Answer 2

我正在使用它：

String colorName [] = {"White", "Blue", "Red"};

for(int i =0; i<3 ; i++)
{
    Log.d("Favourite Colors", "" + colorName[i]);
}

编辑：

对于加载，你应该使用它 window.location ='mobile.html';

Answer 3

您应该使用库来扩展您的网页，Bootstrap是一个非常受欢迎的网页。基本上，它为您提供了添加到您的网站元素的类，它将扩展它。你应该真的使用它而不是两个单独的网站，这将使维护更容易。