行动装置第一个CSS无法在小萤幕上运作

时间:2018-06-24 14:41:40

标签: css

我正在尝试在不同的屏幕上更改字体颜色

对于默认的小型移动屏幕,我已经完成了

$string  = sprintf('%s=%s', 'secret', 'M=|ZUyMu^-qWb}VL^jJd}Mv)8y%bQWXf>IFBDcJ>%4zg2Ci|telj`dVZ@');
$string .= sprintf('&%s=%s', 'path', '/user/json/login'); // sample url-path
$string .= sprintf('&%s=%s', 'csrf', $this->csrf); // from Website, <meta content="([^"]+)" name="csrf-token" or from Header "x-csrf-token"
$string .= sprintf('&%s', http_build_query($this->data)); // POST-Body

$array = explode('&', $string);
sort($array); // Alphabetical sort
$x_smule_digest = md5(implode('&', $array));

对于平板电脑,

.mytext {
   color: red;
  }

对于台式机

@media only screen and (min-width: 768px) and (max-width: 992px) {
 .mytext {
    color: yellow;
  }
}

在这里,在桌面屏幕上,颜色变为绿色是可以的,但是即使在很小的屏幕(低于500像素)上,红色也永远不会显示,当降至992像素以下时,它只会变为黄色。平板电脑视图不应该限制在768px和992px之间吗?

1 个答案:

答案 0 :(得分:0)

没关系,我忘了把视口放在头部。抱歉。