消息关闭
    暂无新消息!

电脑已设置图片文字居中,但是手机显示靠左,请问怎么解决?代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>Welcome.html</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    </head>
  
    <style type="text/css">
    body 
    {
      background-repeat:no-repeat;
      background-attachment:fixed;
    }
    </style>
  
    <body background="a.jpg" align="center">
  
    <h1><font color="#0000ff" >欢迎来到我的笔记管理系统</font></h1>
    
    </body>
   
  </html>

4个回答

︿ 3

首先你要像前面那位说的,加一行如下代码防止手机浏览器强制缩放

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

从HTML 4.01开始,不赞成使用标签属性定义样式和外观,并在HTML5中废除大多数样式外观类属性。如果要定义样式,请使用css的text-align属性。

<style type="text/css">
    body 
    {
      background-repeat:no-repeat;
      background-attachment:fixed;
      text-align:center;
    }
︿ 2

.b{poisiton:absolute;top:cal(50% -height/2};left:cal(50% -width/2);//所有现代浏览器都支持上下左右居中;}

︿ 2

再写一个触屏页面,加上

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">