Question

我在网站上的按钮在Android上看起来与在PC上不同。如何更改呢？

屏幕截图：

代码：

<div class="plan">
<div class="plan-header">
<a href="" target="_blank" button type="button" class="btn btn-light btn-xs  btn-shadow btn-rounded">..</a>
</br></br>
<img src="" class="img-fluid img-thumbnail" alt=""> 
</div>
</div>

Answer 1

似乎btn-light类冲突尝试将此CSS样式添加到href

边框颜色：透明；

Answer 2

您可以使用@media规则在CSS中更改特定屏幕尺寸的特定样式。在这种情况下，如果屏幕尺寸较小（最大600像素），我们需要对CSS应用规则

<html>
    <head>
        <title>[title]</title>

        <link rel="stylesheet" href="styles.css">
    </head>
    <body>

        <style>
        button {
            border-radius: none;
        }

        @media screen and (max-width: 600px) {
            button {
                border-radius: 10px;
                height: 20px;
            }
        }

        </style>

        <button>Test</button>
    </body>
</html>

w3schools：https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

我在网站上的按钮在Android上看起来与在PC上不同。如何改变呢？

2 个答案: