iPhone4/iPhone4s 的屏幕显示尺寸为320*480, iPhone5/iPhone5c/iPhone5s的屏幕显示尺寸为320*568, iPhone6的屏幕尺寸为375*667, iPhone6 plus的屏幕显示尺寸为414*736 iphone4s 微信竖版320*416,横版480*268 i...

html5圆角气泡提示框,可用于评论对话框、留言或聊天对话框,框中的箭头是制作亮点,也是难点,用传统CSS也可实现,不过用HTML5中的CSS3更容易实现,本代码列举了不同开头方向的提示框样式,便于用户选择使用,也...

<html> <head> <meta charset="utf-8" /> <title>Test</title> <style> #aa{ border:1px solid #ccc; height:400px; width:400px; text-align:center; margi...

These are a lot of tips to make your website an iPhone app so users can save it on their Home screens and access to your site faster. Specifying a Webpage Icon for iPhone Home We have two ways to d...

0

iOS Safari 浏览器 Viewport

Posted in HTML DIV CSS at 十月 29th, 2012 / No Comments »

iOS Sarari 浏览器允许网页 Head 里存在一个 Viewport 声明,用来规范浏览器对此页面的缩放特性,完整的声明如下: 1 <meta name="viewport" content="width=device-width, initial-scale=1, minimum...

例子:创建TIME时间WEB应用到桌面 第1步 :Web应用程序时间JS 这是最好的构建Web应用程序,然后转移到iPad的Web应用程序配置。 应用程序本身,在这种情况下,是一个简单的页面告诉时间。 因此,应用程序被命名...

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 : 自Iphone和Androi...

分享一个用 CSS3 打造的 Mac OS X Lion 界面,包括系统启动、登陆界面、系统桌面。启动界面包括一枚用 Photoshop 制作的苹果 logo 以及简单的 loading 图标(当然是假 loading);登陆界面则由几张图片和一个密...

通常在制作网站首页时需要使页面内容在水平和垂直方向上都居中。 表格布局时代常用的方法是内容之前添加换行。实际上通过CSS有更方便的办法。 这个方法出自creamu.com。 先来看看代码和效果吧。 <style> #w...

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> ...