CSS Issues in iphone

如果不是RWD,Fixed Menu會沒辦法完整顯示

Solution: 用JS判斷window寬度,把fixed改成static

<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:

body{
	-webkit-text-size-adjust: 100%;
}