Javascript 我的网页似乎在某些平台上工作，而不是在其他平台上，css不'；我没有申请，这是为什么？

这里是我的网页链接，特别是我目前正在处理的网站5-雪花，该网页只在Iphone6s上的Safari上对我有效，在Mac Chrome/Safari上不应用css。但对其他人来说，它是有效的。。。为什么它会根据平台或用户的类型而变化

HTML/CSS：

body.mainpage2{
保证金：0；
填充：0；
字体系列：lato；
背景色：#e74c3c；
}
.颜色{
利润上限：350px；
文本对齐：居中；
}
#六角形{
显示：块；
颜色：白色；
字体大小：40px；
文本转换：大写；
利润率：15px；
字母间距：0.1米；
}
.彩色按钮{
背景：无；
大纲：无；
颜色：白色；
边框：2倍纯白；
光标：指针；
字体大小：22px；
边界半径：5px；
盒影：5px 6px 30px 5px#fff；
宽度：200px；
}
body.mainpage3{
背景图像：线性渐变（向右，rgba（255,0,0,0），rgba（221,106,95,0.81））；
保证金：0；
填充物：2米2米4米；
字体系列：Lato；
字号：16.5px；
线高：24px；
浮动
调整内容：灵活启动；
显示：块；
}
输入[类型=按钮]{
宽度：8%；
边界：无；
填充：8px 8px；
光标：指针；
颜色：淡紫罗兰色；
}
.image1{
位置：相对位置；
右：-400px；
底部：600px；
动画：抖动0.9秒；
动画迭代次数：无限；
}
.image2{
位置：相对位置；
右：-100px；
底部：200px；
动画：抖动0.9秒；
动画迭代次数：无限；
}
@关键帧抖动{
0% {
变换：平移（1px，1px）旋转（0度）；
}
10% {
变换：平移（-1px，-2px）旋转（-1deg）；
}
20% {
变换：平移（-3px，0px）旋转（1deg）；
}
30% {
变换：平移（3px，2px）旋转（0度）；
}
40% {
变换：平移（1px，-1px）旋转（1deg）；
}
50% {
变换：平移（-1px，2px）旋转（-1deg）；
}
60% {
变换：平移（-3px，1px）旋转（0度）；
}
70% {
变换：平移（3px，1px）旋转（-1deg）；
}
80% {
变换：平移（-1px，-1px）旋转（1deg）；
}
90% {
变换：平移（1px，2px）旋转（0度）；
}
100% {
变换：平移（1px，-2px）旋转（-1deg）；
}
}
body.mainpage4{
保证金：0；
填充：0；
背景色：暗绿色；
}
.集装箱1{
文本对齐：居中；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：100%；
}
.集装箱1号跨度{
文本转换：大写；
显示：块；
}
.单词1{
颜色：森林绿；
字体系列：monospace；
字体大小：60px；
字号：700；
字母间距：6px；
利润底部：4倍；
位置：相对位置；
}
.单词2{
颜色：红色；
字体系列：草书；
字体大小：40px；
字号：750；
字母间距：2px；
动画：闪烁文本1s线性无限；
}
@关键帧闪烁文本{
0% {
颜色：#f00；
}
49% {
颜色：透明；
}
50% {
颜色：透明；
}
99% {
颜色：透明；
}
100% {
颜色：#f00；
}
}
.形象{
背景尺寸：封面；
宽度：100%；
高度：1000px；
位置：相对位置；
溢出：隐藏；
}
.斯诺1{
背景：url(https://taniaswebpages.com/snow.png);
背景重复：重复；
宽度：100%；
高度：2000px；
位置：绝对位置；
排名：0；
左：0；
动画：雪花3s无限线性；
}
.斯诺2{
背景：url（snow.png）；
背景重复：重复；
宽度：100%；
高度：2000px；
位置：绝对位置；
排名：0；
左：0；
动画：雪花8s无限线性；
}
@关键帧降雪{
0% {
背景位置：0px 0px
}
100% {
背景位置：100px 650px
}
}
@关键帧降雪秒{
0% {
背景位置：0px-100px
}
100% {
背景位置：0px 650px
}
}

圣诞快乐
节日快乐！

尝试更改

<link href="taniaWebsite2.css" type=text/css rel=Stylesheet>

到

---

在属性值周围加上引号，全部用小写。

这对我在Internet Explorer和PC上的Chrome以及iOS上的Safari都很好。我看到的唯一一件事是，在手机上，图像并没有达到页面高度的100%，因此雪花会停在页面的一半左右。这可以通过CSS“在另一部手机上”修复。。哪个电话？Android/IOS/？电话规格将告诉您尺寸，并指导您进行哪些媒体查询。如何使雪花出现在整个页面上。我把高度提高了100%？。有时，当我通过Instagram点击网页链接时，它会显示一个白色页面（ios）@rachelGallen您能更具体地说明我需要在css中添加/更改什么吗？我真的很感激，因为我只是在学习。@tsharma我在问它是什么类型的电话。。HTC的？三星银河？iPhone7？查一下手机的屏幕尺寸，你就会知道需要什么尺寸work@rachelgallen，我让雪花延伸到屏幕的底部。但由于某些原因，该网页在Mac上的Chrome浏览器上无法正常打开。你知道为什么吗？同意这一点；验证器发现的唯一一件事是头部部分缺少标题。

<link href="taniaWebsite2.css" type="text/css" rel="stylesheet">