Question

[！[这是我通过手机查看我的页面时得到的结果

＆＃13;

<head>
    <title>Login Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
//body part
<?php $this->load->view('navigation'); ?>
<div id='display'>
    <div class="col-sm-6" id='display_show'>
        <img src="<?php echo base_url();  ?>images/c2b.jpg" class="img-thumbnail" alt="Cinque Terre" width="340" height="300">
        <img src="<?php echo base_url();  ?>images/c2s.jpg" class="img-thumbnail" alt="Cinque Terre" width="340" height="300">
    </div>
</div>
<div class="row" id="view">
    <div class="col-sm-6">
        <button type="button" id='btn_overlay' class="btn btn-warning btn_view"><font size='4px'>C1</font><br />kariakoo</button>
        <button type="button" class="btn btn-warning btn_view"><font size='4px'>C2</font><br />kariakoo</button>
    </div>
</div>

＆＃13;

] [1] [1]

通过智能手机获取我的观点时遇到了麻烦

Answer 1

如果它在桌面上运行，它也应该在移动设备上运行。

设备不会拉下样式表，确保您的网络服务器对本地存储的任何样式表具有读取权限，并且所有样式表都已放置在正确的文件夹中。

修改：看起来您并没有指向HTML页面顶部的任何样式表，这可能是您的问题，除非您的问题中省略了代码

将site.css替换为CSS文件的相对文件路径和文件名。

<link href="site.css" rel="stylesheet">

如何让bootstrap组件与我的手机配合使用？

1 个答案: