Question

我已经建立了一个无响应的网站（它是一个＆＃34;实验性/艺术性的网站，屏幕上发生太多事情以使其响应......）

我明显不包括手机，但我也希望将其用于平板电脑

现在该网站的宽度为1280像素，因此它无法在平板电脑上正常显示

但是，当用户在平板电脑上正确时，我可以相应地缩小我的网站主体吗？

你认为下面的脚本会起作用吗？

var resizeSite = function (originalWidth, minWidth)
{
   var resize = function ()
   {
      var currentWidth = $(window).width();
      var zoom = currentWidth / originalWidth;

      if ((currentWidth < originalWidth) && (currentWidth >= minWidth))
      {          
         $('body').css({
            zoom: zoom,
           '-moz-transform' : 'scale(' + zoom + ')'
         });
      }
   };

   resize();

   $(window).resize(function ()
   {
      resize();
   });
};

resizeSite(1280, 980);

缩小显然会扭曲质量，但它比我想象的要好。

是否有更好的选择或上述脚本有什么问题？

缩小时有没有办法防止文字模糊（对于某些缩放值）？

Answer 1

您可以尝试将视口元标记添加到标题中。它的作用是设置屏幕的宽度以匹配设备的宽度。有几个与视口标记关联的选项，因此请查看以下链接以获取更多信息。： - ）

http://css-tricks.com/snippets/html/responsive-meta-tag/

<meta name="viewport" content="width=device-width, initial-scale=1">

将无响应网站调整为窗口大小的最佳方法？

1 个答案: