Question

这是我的代码。我是初学者，如果我有任何错误，请告诉我。我需要在缩放浏览器时调整文本大小并移动。截至目前，无论大小如何，它都会停留并且不会移动。我尝试过媒体查询但是没有用。

html{
	background-image: url(images/CBG1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

h1{
	text-align: -webkit-center;
	color: #FF6633;
	position: absolute;
	margin: 0px;
	margin-left: 650px;
	margin-top: 314px;
	width: auto;
	height: auto;	
}

<!doctype html>

<html lang="en">
	<head>
	<title>Hoax Studios</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="uft-8">
	<link rel="stylesheet" href="work.css">
	</head>
	
	<body>
		<div id="container">
			<div class="header">
				<h1>WORK</h1>
			</div>
		</div>
	</body>
</html>

Answer 1

您需要更改h1的对齐和宽度，如下所示

import ChildForm from './components/ChildForm'

new Vue({
  el: '#app',
  data: {
    item: {}
  },
  template: `
  <div>
     <ChildForm :item="item" ref="form" />
     <button type="submit" @click.prevent="submit">Post</button>
  </div>
  `,
  methods: {
    submit() {
      this.$refs.form.submit()
    }
  },
  components: { ChildForm },
})

当我调整浏览器大小时，我的h1不会调整，只是停留在同一个地方，并在浏览器变得太小时消失

1 个答案: