如何让我的代码响应Mozilla Firefox

Question

This是我的博客，我已经实现了带有值的select标签。我的问题是标签在Chrome浏览器中正确显示。

但是当我在Mozilla浏览器中打开博客时，它会从左到右拉伸标签，如下图所示，您可以查看它。如何让它对Mozilla Firefox以及所有浏览器做出响应。

以下是我的代码。

＆＃13;

＆＃13;

erb

＆＃13;

＆＃13;

＆＃13;

Answer 1

在firefox上测试过，也删除了你的内联样式。打开代码段时，通过调整浏览器大小来检查媒体查询。

您必须点击代码段上的完整页面才能查看回复情况。

＆＃13;

＆＃13;

System.Net.ServicePointManager.DefaultConnectionLimit <- 10

＆＃13;

html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

.k-input {  
    font-weight:bold !important; 
    font-size:12pt !important; 
    color: green !important;
}

.container {
  display: flex;
  justify-content: space-between;
}

::-webkit-input-placeholder {
   color: green;
}

::-webkit-input-placeholder {
   color: green;
   font-weight: 800;
}

:-moz-placeholder { /* Firefox 18- */
   color: green;  
   font-weight: 800;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: green;  
   font-weight: 800;
}

:-ms-input-placeholder {  
   color: green;  
   font-weight: 800;
}

 .container:hover{
background-color:#F0F2F3;
}

@media(max-width: 480px) {
  .container {
    flex-direction: column;  
    align-items: flex-start;
  }
}

＆＃13;

＆＃13;

＆＃13;