pc端网页自动适应移动端

最新推荐文章于 2021-12-31 14:45:00 发布

一抹惜鱼

最新推荐文章于 2021-12-31 14:45:00 发布

阅读量412

点赞数

分类专栏： html 计算机文章标签：前段实用技术

本文链接：https://blog.csdn.net/nimei31/article/details/103778209

版权

计算机同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="utf-8">
    <title>人机验证</title>
    <style>
        .container {
          width: 310px;
          margin: 100px auto;
        }
        #msg {
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          text-align: center;
        }
        a:link,a:visited,a:hover,a:active {
          margin-left: 100px;
          color: #0366D6;
        }
      </style>
      
</head>

直接在你的页面里面的head部分加入下面的代码

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    　 <meta content="yes" name="apple-mobile-web-app-capable">
    　<meta content="black" name="apple-mobile-web-app-status-bar-style">
    　<meta content="telephone=no" name="format-detection">
    　<meta content="email=no" name="format-detection">
    <title>人机验证</title>
    <style>
        .container {
          width: 310px;
          margin: 100px auto;
        }
        #msg {
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          text-align: center;
        }
        a:link,a:visited,a:hover,a:active {
          margin-left: 100px;
          color: #0366D6;
        }
      </style>
      
</head>

https://www.cnblogs.com/hoanfir/p/9034189.html

一抹惜鱼

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
pc端网页自动适应移动端

<head> <meta charset="utf-8"> <title>人机验证</title> <style> .container { width: 310px; margin: 100px auto; } #msg {...
复制链接

扫一扫