如果不是RWD,Fixed Menu會沒辦法完整顯示
Solution: 用JS判斷window寬度,把fixed改成static
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> <meta name="viewport" content="width=1080"> <style> body.mobile{ padding-top:0; } body.mobile header{ position: static; min-width: 980px; } </style> <script> $(document).ready(function(){ $(window).resize(function(){ var w = $(window).width(); //console.log(w); if(w <= 1080){ $('body').addClass('mobile'); }else{ $('body').removeClass('mobile'); } }); }); </script> |
iPhone會自動調整文字的大小,有時候內文的字型會比標題還大
Solution:
1 2 3 |
body{ -webkit-text-size-adjust: 100%; } |