- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Mobile First Bootstrap
Bootstrap has become mobile first since Bootstrap 3. It means 'mobile first' styles can be found throughout the entire library instead of them in separate files. You need to add the viewport meta tag to the <head> element, to ensure proper rendering and touch zooming on mobile devices.
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
Here,
- width property controls the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles, desktops, tablets...) properly.
- initial-scale = 1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale and no zooming will be applied out of the box
Add user-scalable = no to the content attribute to disable zooming capabilities on mobile devices as shown below. Users are only able to scroll and not zoom with this change and results in your site feeling a bit more like a native application.
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">
- Related Articles
- First-Generation (1G) Mobile Phones
- mobile first why this approach should be an integral part of your business
- Mobile Databases
- Difference Between T-Mobile Internet and T-Mobile Web
- How to Make Your Site Mobile Friendly – The Mobile SEO?
- The Mobile Web
- Handoff in Mobile Connections
- Universal Mobile Telecommunications System
- The Mobile Telephone System
- Improved Mobile Telephone System
- Advanced Mobile Phone System
- Who invented mobile phones?
- Traditional Wireless Mobile Communication
- Third-Generation (3G) Mobile Phones
- Fourth Generation (4G) Mobile Phones
Advertisements