Skip to content

Instantly share code, notes, and snippets.

@yurikoval
Created November 23, 2012 11:04
Show Gist options
  • Save yurikoval/4135138 to your computer and use it in GitHub Desktop.
Save yurikoval/4135138 to your computer and use it in GitHub Desktop.
viewport(iOS/iPad/iPhone) headers
%meta{:content => "yes", :name => "apple-mobile-web-app-capable"}/
%meta{:content => "black", :name => "apple-mobile-web-app-status-bar-style"}/
%meta{:content => "minimum-scale = 1.0, maximum-scale = 1.0, initial-scale = 1.0, user-scalable = no", :name => "viewport"}/
%meta{:name => "format-detection", :content => "telephone=no"}
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed.png"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-57x57.png", :sizes => "57x57"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-72x72.png", :sizes => "72x72"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-114x114.png", :sizes => "114x114"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-144x144.png", :sizes => "144x144"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-512x512.png", :sizes => "512x512"}/
%link{:rel => "apple-touch-icon-precomposed", :href => "/assets/apple-touch-icon-precomposed-1024x1024.png", :sizes => "1024x1024"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-320x460.png", :media => "(device-width: 320px)"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-640x920.png", :media => "(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-748x1024.png", :media => "(device-width: 768px) and (orientation: landscape)"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-768x1004.png", :media => "(device-width: 768px) and (orientation: portrait)"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-1496x2048.png", :media => "(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"}/
%link{:rel => "apple-touch-startup-image", :href => "/assets/apple-touch-startup-image-1536x2008.png", :media => "(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"}/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment