Question

我正在尝试在媒体查询中使用max-inline-size（新的逻辑属性），但似乎不起作用。

以英语将其为max-width：1000px;而在日语中，它将为max-height：1000px

@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {

String text = etyEditText.getText();
    int textlength = etyEditText.getText().length();

    if (text.endsWith("(") ||text.endsWith(")")|| text.endsWith(" ") || text.endsWith("-")  )
                return;

    switch (textlength){
        case 1:
            etyEditText.setEditText(new StringBuilder(text).insert(text.length() - 1, "(").toString());
            etyEditText.setSelection(etyEditText.getText().length());
            break;
        case 5:
            etyEditText.setEditText(new StringBuilder(text).insert(text.length() - 1, ")").toString());
            etyEditText.setSelection(etyEditText.getText().length());
            break;
        case 6:
            etyEditText.setEditText(new StringBuilder(text).insert(text.length() - 1, " ").toString());
            etyEditText.setSelection(etyEditText.getText().length());
            break;
        case 10:
            etyEditText.setEditText(new StringBuilder(text).insert(text.length() - 1, "-").toString());
            etyEditText.setSelection(etyEditText.getText().length());
            break;
    }

}

CodePen Example

Answer 1

max-inline-size不在媒体功能中。

使用max-height：显示区域（例如浏览器窗口）的最大高度或max-width：显示区域的最大宽度，例如浏览器窗口

示例：

@media (max-width:1000px){
  .main-content{
    background:Red;
    grid-template-columns:auto;
  }
}

Answer 2

如上所述，逻辑属性是属性，而不是媒体功能，因此不能在媒体查询中使用。写入模式是页面上元素的属性，而不是浏览页面的浏览器或媒体。您似乎在寻找doesn't exist in CSS的元素查询。

在媒体查询中使用逻辑属性不起作用

2 个答案: