问用sm覆盖样式：
EN

Stack Overflow用户

提问于 2020-09-21 19:00:11

回答 1查看 25关注 0票数 0

我希望我的边框在移动设备的顶部，而在其他设备的左边。它在移动设备上工作，但对其他人来说，它正在添加属性。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    <title>Home</title>
</head>

<body>
  <img src="https://picsum.photos/800/400" alt="login image" class="rounded-t-lg sm:rounded-l-lg">
</body>

</html>

tailwind-css

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-24 07:50:01

因为您添加的是没有前缀的rounded-t-lg，所以它对所有屏幕大小都有效。

要在sm断点处隐藏屏幕上的顶部边框，您必须添加sm:rounded-t-none。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    <title>Home</title>
</head>

<body>
  <img src="https://picsum.photos/800/400" alt="login image" class="rounded-t-lg sm:rounded-t-none sm:rounded-l-lg">
</body>

</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63990927

复制

相似问题

问用sm覆盖样式：
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用sm覆盖样式：EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用sm覆盖样式：
EN