使文本输入框适合移动屏幕

时间:2015-11-13 12:21:49

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4

所以我使用Ruby on Rails构建了一个Web应用程序,并使用Bootstrap完成样式设置。不幸的是,前端设计不是我强大的套件。

该应用已托管here,源代码为on GitHub

我能够在主页面中间放置两个文本输入框和一个回合按钮。这在桌面上看起来很棒,但在手机上看起来很小。

是否可以,使用Bootstrap或Rails (如果可能,我更愿意在客户端进行) 使这些文本框和按钮重新尺寸适合手机屏幕?

1 个答案:

答案 0 :(得分:0)

您错过viewport中的<head>元标记:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

查看Bootstrap文档中的基本模板:http://getbootstrap.com/getting-started/#template