调整网站分辨率

Question

我正在为高中做这种项目，我需要帮助调整网站分辨率。我正在我的笔记本电脑上工作，当我试图向我的老师网站显示它是...我正致力于解决方案1366x768。是否有任何解决方案，网站看起来更好？我尝试了一些解决方案，我在这里找到但没有任何效果......这是我的代码，谢谢。我使用自定义字体，因此您可能会遇到一些麻烦

＆＃13;

＆＃13;

f = evalin(symengine,'piecewise([x<5,x^2],[x>=5,-x])')

＆＃13;

		body {
		  background-color: white;
		  margin: 0 auto;
		  padding: 0;
		  width: 100%;
		  height: auto;
		  min-width: 1000px;
		}
		
		@font-face {
		  font-family: "Jocker";
		  src: url("JockeyOne-Regular.ttf") format("truetype");
		}
		
		@font-face {
		  font-family: "Pacifica";
		  src: url("PacificaCondensed-Regular.ttf") format("truetype");
		}
		
		@font-face {
		  font-family: "ReklameScript";
		  src: url("ReklameScript.ttf") format("truetype");
		}

		@font-face {font-family: "Stencil";
  			src: url("Stencil.eot"); 
  			src: url("Stencil.woff2") format("woff2"); 
  			src: url("Stencil.woff") format("woff");
  			src: url("Stencil.ttf") format("truetype"); 
		}
		
		h1 {
		  font-size: 120px;
		  text-align: left;
		  font-family: "Jocker";
		  margin-left: 45;
		  color: rgb(200, 101, 103);
		}

		#jedan {
		background: black;
		}

		#dva {
		background: white;
		}
		
		.naslov1 {
		  font-size: 70;
		  text-align: left;
		  font-family: "Jocker";
		  color: rgb(200, 101, 103);
		}

		.naslov2 {
		font-size: 100;
		text-align: left;
		font-family: "Jocker";
		color: rgb(200, 101, 103);
		}
		
		.main2-naslov2 {
			font-family: "Stencil";
		}
		
		#header {
		  width: 100%;
		  height: 50px;
		  margin: auto;
		}
		
		#navigacija {
		  width: 100%;
		  margin-left: 0px;
		  padding: 0px;
		  height: 50px;
		  overflow: hidden;
		  text-align: right;
		  position: fixed;
		  background-color: #089DE3;
		  z-index: 9999;
		}
		
		.navitem {
		  background: #089DE3;
		  color: white;
		  text-decoration: none;
		  line-height: 50px;
		  font-size: 30px;
		  font-family: "Pacifica";
		  display: inline-block;
		  padding-left: 50px;
		  padding-right: 50px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		}
		
		#navigacija a {}
		
		a#logo {
		  float: left;
		  font-family: "Jocker";
		  font-size: 30px;
		  color: white;
		  text-decoration: none;
		  margin-left: 50px;
		}
		
		.home:hover {
		  background: #00C5CD;
		  widthL auto;
		}
		
		.shop:hover {
		  background: #00C5CD;
		}
		
		.getpoints:hover {
		  background: #00C5CD;
		}
		
		.info:hover {
		  background: #00C5CD;
		}
		
		.main1 {
		  margin-left: 100px;
		  font-family: "ReklameScript";
		  font-size: 50;
		  text-align: left;
		  color: white;
		}
		
		.video-container {
		  position: relative;
		  padding-bottom: 56.25%;
		  padding-top: 0px;
		  height: 0;
		  overflow: hidden;
		  top: -1500;
		  right: 0px;
		}
		
		.video-container iframe,
		.video-container object,
		.video-container embed {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}
		
		.video-wrapper {
		  width: 640px;
		  float: right;
		  margin-left: auto;
		  margin-right: auto;
		  max-width: 100%;
		}

＆＃13;

＆＃13;

＆＃13;