Css 有没有办法只为移动设备的safari浏览器添加边距底部？

我有一个聊天室，它在除safari之外的所有浏览器中的所有设备上都能正常工作

在那里，输入框不显示

我想如果我给一个底线，那么它可能也适用于safari

---

但我只想在safari上做，不想在其他浏览器上做，也不想在max width:480px上做。

是的！您可以在样式表中使用特定于浏览器的调用，如下所示：

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    selector { 
        property:value; 
    }
}}

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
    selector { 
        property:value; 
    }
}}

/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
    selector { 
        property:value;
    }
}}

在此处了解有关特定于浏览器的CSS的更多信息：

---

听起来像是XY的问题。你用来定位聊天室的CSS是什么？例如，如果您使用的是

100vh

，则由于iOS Safari视口大小的动态变化，存在一个已知问题。是的，我使用的是vh单元。