首页 > 代码库 > webapp开发中的一些注意的
webapp开发中的一些注意的
和大多数响应式的布局一样,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开发中的一些注意的
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。