• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Joanna Qian
Stay Hungry, Stay Foolish!
博客园    首页    新随笔    联系   管理    订阅  订阅
2012年10月12日
Mobile Web开发基础(转载&摘)
摘要: 一、viewport标签宽度——我们做Mobile Web开发的第一个需要趟的河,因为移动设备的碎片片太严重了。以iPhone上的Mobile Safari为例,可能是因为Mobile Safari在请求到刚才的网页后,假设它是一个为桌面浏览器设计的网站(实际上可能大多数移动浏览器都是这样认为的)。因此Mobile Safari假设网页宽度是980像素(不同的浏览器可能默认不同),同时将其缩小以便全部显示。如果我们的网页是专门为移动终端设计的,那么我们就需要 告诉移动浏览器不要以默认的宽度来显示。因此,我们需要使用viewport.对以上代码进行修改,如下:<meta name=&quo 阅读全文
posted @ 2012-10-12 08:58 Joanna Qian 阅读(379) 评论(0) 推荐(0)
CSS3学习案例1——超级链接类型标示图标
摘要: 效果如图:p{margin:4px;}a[href^="http:"]{ background:url(images/window.gif) no-repeat left center; padding-left:18px; } /*匹配所有的有效超链接*/a[href$="pdf"]{ background:url(images/icon_pdf.gif) no-repeat left center; padding-left:18px; }/*匹配所有的pdf文件*/a[href$="xls"]{ background:url(i 阅读全文
posted @ 2012-10-12 04:45 Joanna Qian 阅读(535) 评论(0) 推荐(0)
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3