
Memaparkan Versi Desktop Tapak Web Bootstrap pada Peranti Mudah Alih
Soalan:
Adakah boleh untuk memaparkan tapak web Bootstrap sebagai versi desktop pada peranti mudah alih, memaparkan port pandangan 992px atau 1200px yang lebih besar?
Jawapan:
Untuk mencapai ini, ikut langkah berikut:
1. Konfigurasikan Viewport:
- Buat pautan yang memuatkan semula halaman dengan parameter "?desktop_viewport=true" dalam URLnya.
- Tetapkan sesi PHP untuk menjejaki desktop mod paparan.
- Dalam bahagian halaman, tetapkan port pandangan kepada lebar tetap 1024px untuk mod desktop dan gunakan tetapan port pandangan responsif untuk mod mudah alih.
2. Kod:
- Butang untuk beralih ke mod desktop:
1 | <code class = "html" ><a href= "mywebsite.php?show_desktop_mode=true" >I want desktop mode!</a></code>
|
Salin selepas log masuk
- Pengamatan sesi PHP dan tetapan viewport:
1 2 3 4 5 6 | <code class = "php" ><?php
session_start();
if ( $_GET [ 'show_desktop_mode' ] == 'true' ) {
$_SESSION [ 'desktopmode' ] = 'true' ;
}
?></code>
|
Salin selepas log masuk
- Tetapkan viewport berdasarkan nilai sesi:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <code class = "html" ><?php
if ( $_SESSION [ 'desktopmode' ] == 'true' ) {
?>
<meta name= "viewport" content= "width=1024" >
<?php
} else {
?>
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<?php
}
?></code>
|
Salin selepas log masuk
Atas ialah kandungan terperinci Bolehkah saya Memaksa Laman Web Bootstrap untuk Memaparkan Versi Desktop pada Peranti Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!