肖像和风景VS.肖像和风景分开

时间:2016-06-01 16:24:41

标签: html css html5 css3

我应该像

一样使用风景和肖像

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}

或者像

一样分开

@media only screen and (min-width : 321px) {} for landscape

@media only screen and (max-width : 320px) {}为肖像

还是一起?这有什么区别?

2 个答案:

答案 0 :(得分:0)

热门查询只定位 320px480px之间的屏幕宽度

@media only screen and (min-width : 321px) {}会定位比321px更宽的内容。

@media only screen and (max-width : 320px) {}会定位任何小于320px的内容。

您可以添加类似@media only screen and (min-width: 320px) and (orientation: landscape) {}的内容,只有在设备为320px或更宽的情况下才会返回true。

媒体查询中也允许

(orientation: portrait)

答案 1 :(得分:0)

如果您使用媒体查询放置方向

,则可以一起执行这些操作
proc sql;
    create table count_by_type as select
        type, cap, count(*) as count
        from sourceh.group2
        group by type, cap;
quit;

proc sql;
    create table count_all as select
        count(*) as count
        from sourceh.group2;
quit;