Html 我需要帮助在较小的设备上创建内容的特定视图

朋友们，你好

请告诉我，我需要一个指南，或者介绍如何在“viewport:320x568px”这样的移动设备上实现特定的视图或显示

使用我的浏览器（Chrome浏览器）检查代码元素后，我发现以下代码：

<div class="col-sm-1" style="margin-top:30px;">

<span style="height: 200px;
                            border-right: 1px solid #ccc;
                            padding-bottom: 157px;"></span>
<br>
<p style="    padding-top: 171px;
                            margin-left: -6px;">OR</p>
<br>
<span style="height: 200px;
                            border-right: 1px solid #ccc;
                            padding-bottom: 157px;"></span>

或

然后我对上面的代码做了一些调整，因此，我得出了以下结论：

<div class="col-sm-1" style="margin-top:30px;">

<span style="
                            height: 20px;
                            border-right: 2px solid #ccc;
                            padding-right: 100px;
                            " class=""></span>
<br>
<p style="
                            margin-left: 91px;
                            ">OR</p>
<span style="
                            height: 20px;
                            border-right: 2px solid #ccc;
                            padding-right: 100px;
                        "></span>

或

然后经过调整和调整

现在，我的全部挑战是将所有这些调整带到网站样式表中“@media screen and（max width:480px）”的视口中。问题是整个调整都是在html页面上完成的，如果我直接在那里编辑它并用我的想法进行更新，它将影响其他视口，这对我来说将是一个大问题

那么，我的好朋友们，我如何在不改变其他视口的情况下，在样式表中的上述视口上进行调整

我将等待你精彩的答复

---

谢谢

好的，这是我的解决方案，在我的头盖骨多次开裂之后

我移动到HTML页面，编辑负责该内容的代码或标记，如下所示：

<div class="col-sm-1 text-center">

    <span style="height: 20px;
    border-right: 2px solid #ccc;
    padding-bottom: 12px;"></span>
    <p style="    padding-top: 15px;
    margin-left: -6px;">OR</p>
    <span style="height: 20px;
    border-right: 2px solid #ccc;
    padding-bottom: 12px;"></span>
</div>

---

瞧！这解决了我的挑战，大家又高兴了。

好吧，这是我的解决方案，在我的头盖骨多次开裂之后

我移动到HTML页面，编辑负责该内容的代码或标记，如下所示：

<div class="col-sm-1 text-center">

    <span style="height: 20px;
    border-right: 2px solid #ccc;
    padding-bottom: 12px;"></span>
    <p style="    padding-top: 15px;
    margin-left: -6px;">OR</p>
    <span style="height: 20px;
    border-right: 2px solid #ccc;
    padding-bottom: 12px;"></span>
</div>

瞧！这解决了我的挑战，大家又高兴了