[jira] [Commented] (FLEX-33994) Need a way to distinguish phone and tablet target devices through css

["Maurice Amsellem (JIRA)" <ji...@apache.org>]

    [ 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)