如何通过iPhone/iPad检测css样式
本文关键字:检测 css 样式 iPad 何通过 iPhone | 更新日期: 2023-09-27 18:29:19
我想根据设备更改css样式。
这是我的.css文件。
//桌面
@media only screen and (min-width : 1224px)
{
.page
{
width: 990px;
margin-left: auto;
margin-right: auto;
}
label
{
font-family: Verdana,Arial,sans-serif;
font-size: 0.8em;
}
}
//Ipad
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
.page
{
width: 100%;
margin-left: auto;
margin-right: auto;
}
.Details
{
min-height: 125px;
min-width: 500px;
}
label
{
font-family: Verdana,Arial,sans-serif;
font-size: 0.8em !important;
}
}
//Iphone
@media only screen and (min-device-width : 320px) and (max-device-width : 568px)
{
input[type="text"], input[type="password"]
{
width: 50px;
}
}
但它并没有改变。它只改变了桌面。我用键盘和Iphone打电话,它不起作用。请告诉我我的代码出了什么问题。
尝试
@media only screen and (min-width : 768px) and (max-width : 1024px)
而不是
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
你还应该考虑填写你没有涵盖的尺寸,以防用户的屏幕尺寸不同,比如1024px和1224等等。