Gitlink
/
forgeplus-react
0
0
Fork 37
Code Issues Pull Requests 5 Releases 1 Wiki Activity

按需引入viewport

This commit is contained in:
谢思 2024-05-15 11:22:52 +08:00
parent 1ae8122da4
commit 7e67f964b3
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -23,7 +23,8 @@
<meta name="theme-color" content="#000000">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="referrer" content="always">
<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<!-- 按需引用viewport content -->
<meta name="viewport" content="">
<link rel="canonical" href="https://gitlink.org.cn" data-turbo-transient="">
<link rel="fluid-icon" href="https://www.gitlink.org.cn/images/logo.png" title="GitLink">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">

17
src/modules/loginRegister/LoginRegisterPage.jsx
View File

@ -1,4 +1,4 @@
import React from "react";
import React, { useEffect } from "react";
import Login from "./Login";
import Register from "./Register";
import ResetPassword from "./ResetPassword";
@ -9,9 +9,24 @@ import ball from './img/ball.png';
import img1 from './img/img1.png';
import img2 from './img/img2.png';
import '../loginRegister/LoginRegisterPage.scss';
import { isPhone } from 'educoder';
function LoginRegisterPage(props){
const {mygetHelmetapi} = props;
useEffect(()=>{
let initialContent = undefined;
if(isPhone()){
initialContent = document.querySelector('meta[name="viewport"]').getAttribute('content');
document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0');
}
return()=>{
if(isPhone()){
document.querySelector('meta[name="viewport"]').setAttribute('content', initialContent);
}
}
},[])
return(
<div className="loginRegister">
<div className="login_register_left">