Announcement

Collapse
No announcement yet.

Scaling down web page size

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Scaling down web page size

    How do I get my web pages with images scaled down so as they are fully displayed on very small screens?

  • #2
    Example: Try http://www.foxnews.com/ on a computer.....then on an iphone.

    On the iphone the web page is scaled down and content is rearranged - how is that done? I get overlap.

    Comment


    • #3
      It appears the website you pointed out has a separate mobile version as well, and a redirect script for visitors to the main site using mobile devices...
      http://www.foxnews.com/ = main site when visited on computer.
      http://www.foxnews.mobi/ = mobile website.

      Depending on the needs of each website would determine if it should have a separate website for mobile, or have one 'responsive' website. With a responsive website every visitor is actually seeing the same page, but it transforms to fit the screen. Here is an example of that:
      http://www.microsoft.com/
      Cheap Domain Registration
      .com .net $9.99 7.99 | .org .biz .mobi $6.99 5.39 | .info $1.99 1.59

      Comment


      • #4
        I posted a thread with fluid web site examples here -
        http://www.htmlforums.com/css/t-css3...es-150095.html

        Comment


        • #5
          Originally posted by EasyDCH View Post
          It appears the website you pointed out has a separate mobile version as well, and a redirect script for visitors to the main site using mobile devices...
          http://www.foxnews.com/ = main site when visited on computer.
          http://www.foxnews.mobi/ = mobile website.

          Depending on the needs of each website would determine if it should have a separate website for mobile, or have one 'responsive' website. With a responsive website every visitor is actually seeing the same page, but it transforms to fit the screen. Here is an example of that:
          http://www.microsoft.com/
          How are redirect scripts written and implemented?

          Comment


          • #6
            It can be complicated because of all the possible ways someone could access your website.

            There are solutions for several different platforms at http://detectmobilebrowsers.com/
            Cheap Domain Registration
            .com .net $9.99 7.99 | .org .biz .mobi $6.99 5.39 | .info $1.99 1.59

            Comment


            • #7
              No one did so I thought I would mention this is called responsive web design

              en.wikipedia.org/wiki/Responsive_web_design

              There are many good websites about it under "References" with tips and tricks

              __________
              Free hosting
              Last edited by phper; 09-17-2013, 10:56 AM.

              Comment


              • #8
                I like this one ~~

                Dose this one calls responsive design?
                http://detectmobilebrowsers.com/

                Comment

                Working...
                X