我正在使用html网站，由于某些原因，我在其中不使用引导程序。现在，我为移动视图完成了一组特殊的编码，如下所示：
@media only screen and (max-width: 600px){
.social-linked {visibility: hidden; display: none;
}
.welcm-ht p { font-size: 10px; }
.iconss{
margin-top: -150px;
height: 230px !important;
margin-left: -14px;
}
}
当我在android手机中浏览我的网站时，这是可以的，但是当我浏览iphone以及显示不对齐的设备时，我也尝试过将以下内容用于iphone：
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (device-width : 414px)
and (device-height : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
and (-webkit-device-pixel-ratio : 3){
.icons{ margin-top: 150px !important; }
}
这没有什么区别，有人可以告诉我我的代码有什么问题