The "Front" side has a pitfall and detour (1) -- H5 + CSS, h5css

The "Front" side has a pitfall and detour (1) -- H5 + CSS, h5css

1. No line breaks for numbers and English;

Scenario: I tested the applet yesterday. I entered English and there was no line break. There was a horizontal scroll bar below it;

Solution:Word-break;

Word-break: break-all;/* only applies to English, and uses letters as the line feed basis */

Word-wrap: break-word;/* only applies to English and uses words as the basis for line feed */

White-space: pre-wrap;/* only applies to Chinese characters and forces line breaks */

White-space: nowrap;/* forces line breaks to work */

White-space: nowrap;/* Do not wrap, overflow hidden */
Overflow: hidden;
Text-overflow: ellipsis;

NOTE: The container must have a width.

 

2. Disable mobile Scaling

<Meta name = "viewport" content = "width = device-width, initial-scale = 1, maximum-scale = 1, user-scalable = no">

3. Specify that the web page is rendered using the webkit engine.

Valid only for 360 browsers and 6.5 +. We strongly recommend that you add

<Meta name = "renderer" content = "webkit">

4. Prevent Baidu transcoding code from advertising

<Meta http-equiv = "Cache-Control" content = "no-siteapp"/>