Question

对于三星Galaxy note 5，我需要横向和纵向模式的媒体查询代码。我使用以下媒体查询，但我认为这是不对的：

@media only screen and (max-width: 640px) and (orientation : landscape) {}

我错过了什么，或者这是正确的吗？

Answer 1

尝试追踪每台设备都是一个愚蠢的差事。不称你为傻瓜，这是一个说法大声笑;）设备根据他们最新的操作系统更新频繁更改。相反，使用分辨率并留下足够的误差范围来解决大多数设备。但是，如果你决定开始这项任务，请使用：

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (-webkit-device-pixel-ratio: 3) {}

只要您使用的宽度为100％且身体的沟槽至少为15px，您的宽度就会相应调整。

我的建议是使用一个响应式框架，如Bootstrap，特别是Bootstrap4，它适用于大型移动设备，如iPhone6和Notes

Answer 2

如果您想尝试定位某些设备，这是一个很好的网站。我会发布信息但列表和数据库非常大。 http://viewportsizes.com/

Answer 3

<ListBox Name="MyListBox" MouseDoubleClick="Open_Click">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" >
                <TextBlock Text="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

void Open_Click(object sender, EventArgs e) {
    ListBox listbox = sender as ListBox;
    string filename = listbox.SelectedItem.ToString();
}

我如何为galaxy note 5编写媒体查询

3 个答案: