Css 引导移动应用程序按钮大小_Css_Html_Twitter Bootstrap

Css 引导移动应用程序按钮大小

css html twitter-bootstrap

Css 引导移动应用程序按钮大小,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我想用HTML5/Bootstrap3为移动应用程序制作一个用户界面。我有这个： <!DOCTYPE html> <html lang="en"> <head> <title>Task Service</title> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewpor

我想用HTML5/Bootstrap3为移动应用程序制作一个用户界面。我有这个：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Task Service</title>
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <link rel="stylesheet" href="css/bootstrap-3.1.0.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme-3.1.0.min.css">
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h3 class="text-muted">Angular/Bootstrap Tasks</h3>
            </div>
            <a class="btn btn-primary form-control">
                Create
            </a>
        </div>
        <script src="lib/bootstrap-3.1.0.min.js" type="text/javascript"></script>
    </body>
</html>


任务服务
角度/引导任务
创造

我的Windows Phone 8上的按钮非常小。它大约是我手指大小的四分之一

如何继续使用bootstrap 3生成适当大小的元素？

尝试向按钮添加一个类。它应该是这样读的：

Create

而不是

Create

希望这有帮助。

您可以通过添加btn lg、btn sm或btn xs来覆盖默认按钮大小，使其成为您希望的大小

因此，请使用：

<a class="btn btn-primary btn-lg form-control">
   Create
</a>

。因此，您可以像使用常规屏幕一样使用常规大小按钮，并为移动设备使用不同的大小。你的内容会在页面上出现两次，但要用适当的响应标签将其包装起来，才能得到你想要的东西。
啊，这是微软无能的典型案例
参考：
这是一个问题，因为使用CSS设备自适应对于
让响应站点在IE10 for Metro中以快照模式工作。所以
虽然CSS设备自适应解决了快照模式的问题，但它会导致
Windows Phone 8设备（如Lumia）上的问题
我的建议是使用微软的补丁。客户端UA嗅探
也许这不是最有说服力的解决方案，但我更喜欢它
伤害用户体验是其他两种体验中的一种
解决方案将是有罪的。也许这会是另一种情况
假设这是IE8或IE7，但考虑到
刚刚推出的操作系统（因此，很可能
目前只会增加市场份额）我认为是
值得实施
没有应用设备宽度，因此弄乱了整个设备显示…
您能发布屏幕截图吗？下面的答案很好，但是，如果您只想增加移动设备的按钮大小，那么您需要在.btn
中添加一个类，并在媒体查询中写入一些CSS，以确定所需的宽度。