构建兼容Mobile的单页 - 从哪里开始？

问题描述

我有一个不支持移动设备的网站，但作为广告系列的一部分，我们将发送包含凭证的QR码，以链接到此网站上的隐藏页面。当然，随着用户将要通过手机访问该页面，该页面需要启用移动功能。

我的问题是，我该如何去做这件事？

我知道你需要一个单独的移动样式表，但我从来没有这样做过。这是最好的方法吗？我只能访问网站的前端，那么在后端有什么需要做的？

如果这看起来像是一个提前感谢和道歉我的问题是，我该如何去做这件事？

解决方案

如果您想使用相同的页面来显示常规大小和移动大小，请查看，以便您可以执行（为此一些例子。

无论您是否想要适应显示器尺寸，唯一的另一个主要因素是测试。请确保您在各种设备和浏览器上进行测试。 / p>

I've got a site that isn't mobile enabled, but as part of a campaign, we are going to be sending out a QR code that contains a voucher to link through to a "hidden" page on this site. Of course as users are going to be accessing this page from a mobile phone, this page needs to be mobile enabled.

My question is, how do I go about doing this?

I know that you need a separate mobile style sheet but I've never done this before. Is this the best approach? I only have access to the front end of the site, so is there anything that needs to be done on the back end?

Thanks in advance and apologies if this seems a bit vague.

解决方案

If you want to use the same page for regular size displays and mobile size displays, then look at media queries so you can do adaptive design (for which mediaqueri.es has some examples.

Whether or not you want to adapt to display size, the only other major factor is testing. Make sure you test on a range of devices and browsers.

这篇关于构建兼容Mobile的单页 - 从哪里开始？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！