[
https://issues.apache.org/jira/browse/FLEX-33994?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13848601#comment-13848601
]
Maurice Amsellem commented on FLEX-33994:
-----------------------------------------
With css3 media query, this is solved using physical screen size (in inches or
points), something like:
{code}
/* tablet css */
@media ( min-device-width: 5in ) {
}
/* phone css */
@media ( max-device-width: 5in) {
}
{code}
But we don't have physical units in AS3 css.
Solutions:
1) propose a new css media selector, like "device-type", or extend the existing
"media" select to accept phone & tablet values (these values would be computed
internally, based on physical units)
2) allow numeric media css selectors to accept units (in or pt).
Option 1) is the simplest, however it require to find a consensual definition
on phone vs. tablet device size boundaries.
> Need a way to distinguish phone and tablet target devices through css
> ---------------------------------------------------------------------
>
> Key: FLEX-33994
> URL: https://issues.apache.org/jira/browse/FLEX-33994
> Project: Apache Flex
> Issue Type: New Feature
> Components: .Unspecified - Mobile
> Affects Versions: Apache Flex 4.11.0
> Reporter: Maurice Amsellem
> Assignee: Maurice Amsellem
>
> Some components should have different layout on phone and tablet devices.
> For example, DropDownList should display as a centered popup list on phones,
> and display the drop down list below its popup button on tablets, supposedly
> having move screen space.
--
This message was sent by Atlassian JIRA
(v6.1.4#6159)