Question

我开发了壁纸下载＆amp; meme生成站点命名为：dekhbehen.com。问题是，当通过智能手机查看网站时，它似乎缩小了。我提供网址： - dekhbehen.com/Wallpaper/Valentine-Day/index.html 正因为如此，我使用jQuery mobile＆amp; amp ;;开发了我的移动网站的主页。使用Bootstrap的桌面版网站。

Answer 1

典型的移动设备优化网站包含以下内容：

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

width属性控制视口的大小。它可以设置为特定数量的像素，如width=600，也可以设置为特殊值device-width值，它是CSS像素中屏幕宽度的100％。（有相应的高度和设备高度值，这对于具有根据视口高度更改大小或位置的元素的页面可能很有用。）

初始缩放属性控制首次加载页面时的缩放级别。 maximum-scale，minimum-scale和user-scalable属性控制用户如何放大或缩小页面。

参考： https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

Answer 2

奇怪的是它没有用。尝试使用下一个：

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

我的基于引导程序的移动网站看起来缩小了

2 个答案: