我有这个@media
设置:
HTML:
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
CSS:
@media screen and (min-width: 769px) {
/* STYLES HERE */
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
/* STYLES HERE */
}
@media only screen and (max-device-width: 480px) {
/* STYLES HERE */
}
通过此设置,它可以在iPhone上运行,但不能在浏览器中运行。
是因为我已经device
在meta中,也许已经在max-width:480px
?
1
问题是-默认样式将适用于大于769像素的屏幕。
—
Gurpreet Singh
只是删除了
—
佐尔坦·托特
@media screen and (min-width:769px){
周围的普通浏览器的风格
你是什么意思 我想我可能会解决。首先,问题是当我使用max-device调整浏览器大小时,该浏览器可以在手机上使用,但不能在浏览器中使用,而没有“ device”的浏览器可以在两者上使用。
—
rallybilen 2012年
因此,基本上没有“设备”,它就可以在移动/浏览器中使用,但是当我添加设备时,我无法在浏览器中看到它\
—
rallybilen 2012年