OT: mobile device portrait vs landscape size changes

Ed plug at 0x1b.com
Sat Jul 26 18:45:15 MST 2014


#1 Sites for phones/tablets use frameworks that adjust dynamically to
the changing dimensions of the browser window... so:
either trick the site into thinking the dimensions haven't changed or
enforce your own stylesheet (an option for computer browsers, don't
know if it is available for phone's browsers)

#2 This will be framework specific - find an example you like and find
out which framework is being used. It could be as simple as one style
in a style-sheet for narrow displays an another for wider displays. If
(on a regular monitor or laptop) you resize the browser from narrow to
wide, you can find the transition width.

Look for Eric Meyer's sites and books - I like:
http://www.csszengarden.com/
"Eric Meyer on CSS"
http://alistapart.com/
http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps

On Sat, Jul 26, 2014 at 6:17 PM,  <joe at actionline.com> wrote:
> On my mobile devices (and most others, I think), when changing from
> portrait to landscape viewing, the size of images and text on websites
> changes.
>
> Question #1: What can I do to make both images and text stay the same
> size in both orientations?
>
> Question #2: How can I create an html file so that an images with text
> below the image in portrait mode will change to the same size image on
> the left side of the screen with the text from below the image in
> portrait mode will appear beside the image on the right side when the
> device is rotated to landscape mode?
>
>
>
> ---------------------------------------------------
> PLUG-discuss mailing list - PLUG-discuss at lists.phxlinux.org
> To subscribe, unsubscribe, or to change your mail settings:
> http://lists.phxlinux.org/mailman/listinfo/plug-discuss


More information about the PLUG-discuss mailing list