
推荐教程:Bootstrap教程
为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
width属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为device-width可以确保它能正确呈现在不同设备上。
initial-scale=1.0确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。
在移动设备浏览器上,通过为viewport meta标签添加user-scalable=no可以禁用其缩放(zooming)功能。
通常情况下,maximum-scale=1.0与user-scalable=no一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。
原文章地址:https://www.cnblogs.com/wang3680/p/1fba762fb916d0189047085d9e14c117.html
Atas ialah kandungan terperinci bootstrap怎么适配手机屏幕大小. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Penyelesaian ralat SQL 5120
Apakah yang perlu saya lakukan jika cakera sementara ps penuh?
Cara membuat penomboran dalam oracle
harga mata wang fil harga masa nyata
Cara menonton rekod main balik siaran langsung di Douyin
Pembayaran tanpa kata laluan Taobao
0x80070057 penyelesaian ralat
Bagaimana untuk memadam elemen dalam jquery