web布局问题
2017-11-01 20:51
204 查看
由于从来没有弄过完整的网站也面,在这一星期里,动手仿了一个网站,发现了一些问题:
一.在布局上吃了个大亏,一般网站兼容的是1024*768和1366*768的网页,因此只需考虑这二种分辨率,一般布局在min-width小于1024时将宽度锁死,这样伸缩时不会影响布局。
不同屏下,用不同的css,通过媒体查询实现,外侧一般是自适应宽度,内侧则锁死,或者min-width锁死,布局时多考虑padding和margin,尽量不要用position定位,会产生问题。width:1000px margin:0 auto; 关键区域布局 (锁死比较好)。
二.png的兼容问题,
三.scrolltop兼容性,document.body和document.documentElement,存在文档申明的一般支持document.documentelement 较为规范。
四.事件监听的兼容性addeventlienster ie的为attachevent
五.事件对象的兼容性event 和window.event 目标源的兼容 target ie为srcevent
六.处理预加载标签的未获取,on deletage live 或者window.onload
七.第一次实现了接口的开发,通过ajax实现了数据的交互,明白了mvc的处理方式,通过url启动控件,控件调用视图。
一.在布局上吃了个大亏,一般网站兼容的是1024*768和1366*768的网页,因此只需考虑这二种分辨率,一般布局在min-width小于1024时将宽度锁死,这样伸缩时不会影响布局。
不同屏下,用不同的css,通过媒体查询实现,外侧一般是自适应宽度,内侧则锁死,或者min-width锁死,布局时多考虑padding和margin,尽量不要用position定位,会产生问题。width:1000px margin:0 auto; 关键区域布局 (锁死比较好)。
二.png的兼容问题,
三.scrolltop兼容性,document.body和document.documentElement,存在文档申明的一般支持document.documentelement 较为规范。
四.事件监听的兼容性addeventlienster ie的为attachevent
五.事件对象的兼容性event 和window.event 目标源的兼容 target ie为srcevent
六.处理预加载标签的未获取,on deletage live 或者window.onload
七.第一次实现了接口的开发,通过ajax实现了数据的交互,明白了mvc的处理方式,通过url启动控件,控件调用视图。
相关文章推荐
- HTML开发——项目心得(关于web布局以及代码冗余问题)
- webgis里对于有收缩框的布局地图显示的问题
- android 点击webView中的按钮修改布局问题
- 关于在普通布局中添加,webView跳转浏览器的问题
- CSS网页布局的兼容性问题 解决方法汇总 - CSS Web Design 我爱CSS
- 当webView作为recyclerView的一个布局,导致点击webView返回顶部的问题。
- CSS网页布局的兼容性问题 解决方法汇总(2) - CSS Web Design 我爱CSS
- 移动端web开发之坑--自适应布局下的返回页面位置定位问题
- 移动WEB布局使用less语法之视网膜屏幕如何来解决图片像素问题
- [置顶] 使用MyEclipse开发web工程常见问题
- 记录一下:webView加载不了链接的问题
- RFS的web自动化验收测试——Selenium2Library1.0.0升级指南(补充一个问题)
- 处理 您试图在此 Web 服务器上访问的 Web 应用程序当前不可用 问题
- 瀑布流布局定位问题
- 扩展 Web 应用程序的架构问题
- ASP.NET --WEB应用程序 App_Code中新的类无法访问的问题解决方法
- 使用SDWebimage加载高清大图遇到内存警告的问题
- 移动端Web页面问题解决方案
- webview shouldOverrideUrlLoading 页面不能正常返回问题
- 由路由器AP隔离引起的WEB服务不能访问的问题