為什么我的CSS 3媒體查詢不適用于移動設備？在styes.css中，我使用的是媒體查詢，這兩個查詢都使用了以下兩個變量：/*--[ Normal CSS styles ]----------------------------------*/@media only screen and (max-width: 767px) {
/*--[ Mobile styles go here]---------------------------*/}當我縮小窗口時，這些站點調整到我想要的常規瀏覽器(Safari，Firefox)的布局，但是手機上根本沒有顯示移動布局。相反，我只看到默認的CSS。誰能給我指明正確的方向？
3 回答
萬千封印
TA貢獻1891條經驗 獲得超3個贊
<meta content="width=device-width, initial-scale=1" name="viewport" />
白豬掌柜的
TA貢獻1893條經驗 獲得超10個贊
.edcar_letter{
font-size:180px;}@media screen and (max-width: 350px) {
.edcar_letter{
font-size:120px;
}}
白板的微信
TA貢獻1883條經驗 獲得超3個贊
<meta name="viewport" content="width=device-width" /><style>
@media screen and (max-width:900px) {}
@media screen and (min-width:900px) and (max-width:1200px) {}
@media screen and (min-width:1200px) {}</style><link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="css3-mediaqueries.js"></script>- 3 回答
- 0 關注
- 504 瀏覽
添加回答
舉報
0/150
提交
取消