我正在实施基于响应式设计的HTML应用程序。 我正在使用“@media only screen”作为响应式样式。“@media唯一屏幕和”不会根据输入被删除
我使用下面CSS代码的移动方向(横向/纵向):
@media only screen and (max-device-width: 465px), screen and (max-width: 465px)
.align {
width: 33.33%;
}
@media only screen and (max-device-width: 736px), screen and (max-width: 736px)
.align {
width: 25%;
}
第一个是用于垂直和第二个是用于景观样式。
问题是,当我将浏览器方向窗体纵向更改为横向时,纵向样式不会在CSS中移除两种样式均处于启用状态,但如果我缩小浏览器大小,则将移除垂直样式,并且横向样式负责。
那么如何在不改变浏览器窗口大小的情况下从我的页面中删除不需要的样式。
不要使用'device-width' *,除非你完全知道**为什么**你正在使用它*。只能使用'width'。为了定位,只用那个! '(orientation:landscape)''(orientation:portrait)'。 – connexo