Bootstrap 3을 사용하여 모바일 장치에서 데스크탑 보기를 강제하는 방법은 무엇입니까?

Bootstrap 3을 사용하여 모바일 장치에 데스크탑 보기 제공

Liam, 데스크탑 뷰포트에 Bootstrap 웹사이트를 표시하고 싶다고 하셨습니다. 모바일 장치에서. 이를 달성하는 방법을 살펴보겠습니다.

뷰포트 수정

여기서 중요한 측면은 뷰포트를 설정하는 것입니다. 페이지를 새로 고치고 URL에 "?desktop_viewport=true"를 추가하는 링크를 추가하세요. 이렇게 하면 세션을 생성하고 반응형 보기("width=device-width") 대신 데스크톱 보기(예: "width=1024")를 렌더링할 수 있습니다.

버튼 및 세션 수정

데스크탑 모드를 전환하는 버튼 포함:

<code class="html"><a href="mywebsite.php?show_desktop_mode=true">I want desktop mode!</a></code>

PHP 파일에서 다음 코드를 활용하세요:

<code class="php"><?php
session_start();
if ($_GET['show_desktop_mode'] == 'true') {
    $_SESSION['desktopmode'] = 'true';
}
?></code>

조건부 뷰포트 설정

섹션에서 세션 값을 기반으로 뷰포트를 설정하는 조건부 논리를 추가합니다.

<code class="html"><?php
if ($_SESSION['desktopmode'] == 'true') {
    /* DESKTOP MODE */
    ?>
    <meta name="viewport" content="width=1024">
    <?php
} else {
    // DEFAULT
    ?>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php
}
?></code>

위 내용은 Bootstrap 3을 사용하여 모바일 장치에서 데스크탑 보기를 강제하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!