• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






C#_工大小辉

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

文章分类 -  网页制作

 
手机版网页设计原则
摘要:1、宽度要求:手机页面的宽度最好控制在240px以内,因为这样可以在不移动屏幕的情况下进行一系列的操作。我们公司的这个项目用了一张背景图片,大小为240*420。这样其实也有一个坏处,我必须让每个页面的高度控制在420里面,不然超出的话,就很难看了。2、js的使用:无论是普通的手机或者智能机,似乎都不太支持js。类似和"alert()"都不支持。另外,手机对“”的样式支持不是太好,同样的代码在浏览器上和手机上有一定的宽度差距,在给定宽度的情况下。所以我的建议是能不用按 钮,就不用按钮,可以用文字的超链接形式代替,或者也可以考虑使用小图标。3、列表的使用:列表页面最好用tab 阅读全文
posted @ 2014-03-08 09:07 C#_工大小辉 阅读(211) 评论(0) 推荐(0)
网页设计屏幕自适应总结
摘要:1、在HTML头部增加viewport标签。 在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下: viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。 2、在CSS文件尾部增加针对不同屏幕分辨率的规则。 例如使用如下的代码,可以让屏幕宽度低于48... 阅读全文
posted @ 2014-03-07 17:00 C#_工大小辉 阅读(109) 评论(0) 推荐(0)