Question

我必须覆盖模板中的一些CSS样式。这样可以正常工作，但我遇到的问题是这些样式依赖于媒体查询，当整个<style> - Block在body-tag中时，它们似乎不起作用。

我做的时候..

<style type="text/css" >
 @media screen and(min-width: 30em) {
         .tabHeaderLink {
            width:20%;
            display:block;
            background:#D46365;
            height:50%; 
            }
        }
</style>

在体内，风格不适用。我做错了还是有其他解决方案？

Answer 1

问题确实是

中缺少的空间

t._teacherOptions = ko.observable();

function getTeacherList() {
  $.ajax({
    type: "POST",
    url: "/webservices/Service.asmx/GetTeachers",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(i) {
      if (i.d) {
        console.log(i.d);
        return t._teacherOptions(i.d);

      }
    },
    error: function(n) {
      u(n);
    }
  });
}

getTeacherList();

t.TeacherOptions = ko.computed(function() {
  return t._teacherOptions();
});

适用于

and(min-width: 30em)

体内的CSS媒体查询

1 个答案: