Category Archives: HTML5

Web Site Icon for mobile shortcut

The image size is key. At least 192×192

Reference:

  1. https://stackoverflow.com/questions/11761864/how-to-define-the-website-screen-shortcut-icon
  2. Example:
    1. https://stage.bunnymenu.com/
    2. https://www.obooko.com/blog-post/add-web-shortcut-icon-to-iphone-or-android-phone

Form HTML

 

HTML Table Example

Bootstrap:

https://getbootstrap.com/docs/4.1/content/tables/

Draw on Image using canvas

 

Unexpected line break in on iOS

This is because of the phone number format and here is the solution:

Reference:

iPhone Safari Viewport Scale Bug

In some situation, Safari will scale web page to show some special effect, e.g. Dropdown box (<select>).

Solution:

The key is “maximum-scale” property to stop Safari scaling web page.

Reference: