CSS Useful Tips


🗽 Tips for iOS Safari

Prevent zooming the screen when focusing on input tag

On iOS, there is a specification that if the font size specified for the input element falls below “16 px”, it will be zoomed in focus.

HTML:

<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
head>

CSS:

input[type=text] {
  font-size: 16px;
  transform: scale(0.8);
}

Remove highlight

Webkit has a specific style property for that -webkit-tap-highlight-color.

.my-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

🚕 References

🖥 Recommended VPS Service

VULTR provides high performance cloud compute environment for you. Vultr has 15 data-centers strategically placed around the globe, you can use a VPS with 512 MB memory for just $ 2.5 / month ($ 0.004 / hour). In addition, Vultr is up to 4 times faster than the competition, so please check it => Check Benchmark Results!!