Page 2 of 2 FirstFirst 12
Results 11 to 11 of 11

Thread: How to make my net objects fusion 2013 site into mobile responsive

  1. #11
    Senior Member
    Join Date
    Sep 2010
    Posts
    139

    Default

    Quote Originally Posted by Thomas Frei-Herrmann View Post
    Hi,
    ...

    This means a little bit of CSS.

    Code:
    img {
          max-width:100%;
          height:auto;
          width: auto; /* IE 8 */
        }
    In this case I have just given the body this additional style to give it a width of 100% (instead of 990px used in this page):

    Code:
    <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%;">
    Then I have drawn all my text fields to the full layout width and added the CSS-option of 100% width.

    This is not really complicated and - yes - NOF should be able to create something as a template

    [/URL]
    How/where do you insert this css?
    I tried to include it i the HEAD section, but the page width wont expand display full screen width.
    eg www.solarlightcap.com/html/ebuy.php
    To clarify, the original 950px desktop layout page used to display okay on an iPhone without needing 100% css anywhere.
    But to look better I didnt want to rescale all the content, so I tried to shrink the page width to 540 pixels, hoping iPhone would display it full screen width. But its not. :-(
    Last edited by SolarLightCap; 12-12-2017 at 11:14 PM.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •