Get the App
SLTechnology News&Howtos  ›  Development  › 

Can bootstrap be used on mobile end?

Shulou Source: shulou.com Published: 2022-06-03 10:56:39 10月03日 Update

This article mainly introduces whether bootstrap can be used for mobile, the article is very detailed, has a certain reference value, interested friends must read it!

Bootstrap is a popular responsive development framework at present, which can be used for mobile development naturally. However, if you want to give priority to mobile devices, you also need to make some settings.

The environment for bootstrap requires at least 3 files:

● bootstrap.min.css

● jquery.mis.js

● bootstrap.min.js

It is important to note that:

Bootstrap.min.css

Jquery.mis.js

Bootstrap.min.js

The order of the introduction of these three documents must not be out of order.

Jquery.mis.js

Bootstrap.min.js

These two files are placed at the bottom of the HTML page to prevent unnecessary problems that may arise before the page is loaded.

To ensure proper painting and touchscreen scaling, you need to add viewport metadata tags to it.

On the mobile device browser, you can disable its zoom (zooming) feature by setting the meta property to user-scalable=no for the viewport (viewport). When zooming is disabled, users can only scroll the screen, which makes your site look more like a native app. Note that we do not recommend the use of all websites in this way, it depends on your own situation!

Add:

Meta:

Width: the width of the visual area, which can be a number or the keyword device-width

Height: same as width

Intial-scale: the page is displayed as the zoom level of the visual area for the first time. If the value is 1.0, the page is displayed according to its actual size without any zooming.

Maximum-scale=1.0, the zoom level of the minimum-scale=1.0; visual area

Maximum-scale users can enlarge the page of the program, 1. 0 will prevent users from zooming in to the actual size.

User-scalable: whether the page can be scaled or not, no forbids scaling

The above is all the content of the article "can bootstrap be used on mobile?" Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Tags: Mobile file page area user two content function actual size article level website web page device development appropriate deranged three Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Information Docker NVidia MySQL Microsoft