webapp開發中的一些注意的

標籤：移動   設定   滾動   習慣   行動裝置   開發   檢測   cti   strong   

和大多數響應式的布局一樣，webapp開發也是需要浮動布局和百分比布局，需要考慮的是小螢幕手機250px和大螢幕裝置768px，但是習慣以320px和640px來分割，jq中的一句話$(function(){
$(window).resize(function() {
var isWidescreen=$(this).width();
if(isWidescreen<320){
isWidescreen=320;
}else if(isWidescreen>640){
isWidescreen=640;
}
var ratio = isWidescreen / 320;
$(".w640").css({‘font-size‘: ratio * 16+"px" });
}).trigger(‘resize‘);

可以檢測行動裝置width。

使用到Ovflow-y：scroll屬性時；要注意設定為absolute;超出部分可以滾動，之前為了固定頭尾部，使用了fixed屬性，但是在蘋果手機裡不相容，然後用了js動態為需要固定的元素設定top和bottom值，window.scrollY，發現手機開啟滑動到頭部和尾部的時候頁面抖動厲害；然後為瞭解決這個問題，使用了ovflow:scroll；哎，饒了好大一個彎，也算是教訓吧

webapp開發中的一些注意的