调整html站点

嘿！ 我想在用户更改页面大小时调整html和css页面的大小 浏览器的窗口，我想使页面适应不同的分辨率。 我在这个网站上尝试了一些答案，但它们对我不起作用。 我还尝试使用媒体查询

这里是css和html

*{
保证金：0；
填充：0；
}
身体{
字体系列：“Francois One”，Arial，Helvetica，无衬线；
颜色：白色；
文本对齐：居中；
背景：黑色；
}
科波先生{
边缘顶部：5px；
左边距：400px；
右边距：250px；
浮动：中间；
}
标题{
利润率：40px0；
}
李先生{
显示：块；
浮动：左；
宽度：125px；
高度：50px；
线高：50px；
文本对齐：居中；
颜色：#2C3E50；
右边框：1px实心#2C3E50；
背景：-webkit线性梯度（顶部，#FFFF00 50%，#FFFF00 51%，#F6F6 100%）；
背景：-莫兹线性梯度（顶部，#FFFF00 50%，#FFFF00 51%，#F6F6 100%）；
背景：-o-线性梯度（顶部，#FFFF00 50%，#FFFF00 51%，#F6F6 100%）；
背景：-ms线性梯度（顶部，#FFFF00 50%，#FFFF00 51%，#F6F6 100%）；
边框颜色：黑色；
不透明度：1；
位置：相对位置；
}
.菜单李：悬停{
光标：指针；
背景：-webkit径向梯度（中心，椭圆覆盖，#ffffff 0%，#E5 100%）；
背景：-莫兹径向梯度（中心，椭圆覆盖，#ffffff 0%，#E5 100%）；
背景：-o-径向梯度（中心，椭圆覆盖，#ffffff 0%，#E5 100%）；
背景：-ms径向梯度（中心，椭圆覆盖，#ffffff 0%，#E5 100%）；
颜色：石板灰；
边框颜色：黑色；
位置：相对位置；
}
普里莫先生{
边框左上半径：10px；
边框左下半径：10px；
}
ultimo先生{
边框右上角半径：10px；
边框右下半径：10px；
}
.子菜单{
可见性：隐藏；
}
.菜单li：悬停.子菜单{
能见度：可见；
}
.子菜单li{
边框顶部：1px点#2C3E50；
}
.子菜单li：悬停{
宽度：145px；
背景：-webkit径向梯度（中心，椭圆覆盖，#f7fbfc 10%，#add9e4 100%）；
背景：-莫兹径向梯度（中心，椭圆覆盖，#f7fbfc 10%，#add9e4 100%）；
背景：-o-径向梯度（中心，椭圆覆盖，#f7fbfc 10%，#add9e4 100%）；
背景：-ms径向梯度（中心，椭圆覆盖，#f7fbfc 10%，#add9e4 100%）；
转换：所有0.1到0；
-webkit转换：所有0.1到0；
-moz转换：所有0.1秒都轻松0秒；
-o型转换：所有0.1到0；
-ms转换：所有0.1到0；
}
.ultimo sub{
边框左下半径：10px；
边框右下半径：10px；
}
.菜单a:链接{
颜色：黑色；
文字装饰：无；
}
.菜单a:悬停{
颜色：黑色；
文字装饰：无；
}
.菜单a：活动{
颜色：黑色；
文字装饰：无；
}
.菜单李a：参观了{
颜色：黑色；
文字装饰：无；
}
p{
颜色：#FFFF00；
利润率：0px 380px 0px 400px；
字体大小：150%；
文本阴影：2px000000，0-1px000000，02px000000，-1px000000；//文本阴影：2px000000，0-1px000000，02px000000，-1px000000；
}
帕拉福先生{
文本阴影：1px0#000，0-1px0#000，0-1px0#000，-1px0#000；
尺寸：25px；
}
.Paragrafo a:链接{
颜色：黄色；
}
帕拉福a：悬停{
颜色：黄色；
}
.Paragrafo a:主动{
颜色：黄色；
}
帕拉福先生：参观了{
颜色：黄色；
}
h1{
颜色：蓝色；
}
跨度{
颜色：#FFFF00；
利润率：0px 380px 0px 400px；
字体大小：150%；
文本阴影：2px000000，0-1px000000，02px000000，-1px000000；//文本阴影：2px000000，0-1px000000，02px000000，-1px000000；
}
.视频{
职位：404532；
}

HTML和CSS中的男人的触须
h1{颜色：黄色；
浮动：中心；
} 		   
格兰德格拉酒店



















































正文


正文

缺少视口元标记

---

---

---

现在应该可以使用媒体查询了。您可以查看此url以了解更多详细信息：

将其添加到css工作表中

/*
基于：
1.http://stephen.io/mediaqueries
2.https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/*iPhone 6在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）{
}
/*iphone6在风景中*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：景观）{
}
/*iphone6人像*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：纵向）{
}
/*iPhone 6 Plus在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）{
}
/*iphone6plus在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：景观）{
}
/*iphone6plus人像*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：纵向）{
}
/*iPhone 5和5S的纵向和横向*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）{
}
/*iphone5和5S在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：320px）
和
<meta name="viewport" content="width=device-width, initial-scale=1">