Snippets

Ellipsis multiline text using text-overflow and -webkit-line-clamp :

.multiline-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 109.2px;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

The UA in Chrome for iOS uses CriOS/$Rev, it's not recommended to use UA sniffing to detect mobile devices

<script type='text/javascript'>
    if(userAgent.indexOf("crios") != -1) {
        [...]
    }
</script>

minimal-ui is a new viewport mode introduced in iOS 7.1, which automatically reduces Safari ui to a minimum :

<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">