22gpsarch22
Level 1 (0 points)

Q: iWeb viewport configuration

I’m using iWeb 2011 with all its outdated configurations and of course with a relative width of 700px.

 

I’ve found this works with all devices without changing anything:

 

<meta name="viewport content="width=700=content=width-device-width, initial-scale=1.0" />

 

pedro santos

MacBook Pro

Posted on Nov 29, 2015 7:49 AM

by Wyodor,Solvedanswer
Wyodor Wyodor
Level 6 (19,753 points)
A:

You may want to notify W3C about this, because their specifications are all wrong :

 

http://www.w3.org/TR/css-device-adapt/#translate-meta-to-at-viewport

 

The internet community will acknowledge your contribution.

Posted on Nov 30, 2015 8:00 AM

Close
22gpsarch22

Q: iWeb viewport configuration

  • All replies
  • Helpful answers

  • by Ethmoid,

    Ethmoid Ethmoid Nov 30, 2015 1:33 AM in response to 22gpsarch22
    Level 6 (11,262 points)
    Nov 30, 2015 1:33 AM in response to 22gpsarch22

    NO, you are NOT using iWeb 11 because iWeb 11 does not exist.

     

    iWeb has always been part of the iLife package and iWeb 09, was part of both iLife 11 and iLife 09.

     

    Turns out you are using something that is even more outdated than you first thought!!

     

    Also, this is a user to user technical support forum, so you actually need to post a question and not a statement.

     

    Most people will not be interested in what you have posted, because I think you will find that most people have moved on from iWeb now to other things.

  • by 22gpsarch22,

    22gpsarch22 22gpsarch22 Nov 30, 2015 3:59 AM in response to Ethmoid
    Level 1 (0 points)
    Nov 30, 2015 3:59 AM in response to Ethmoid

    Hi Ethmoid,

     

    Sorry for the confusion, your right I wanted to share my new Meta tag with iWeb users.

    Like you said iweb is old and incompatible with today’s standards, I’ve looked at all the new iweb look-a-likes, they all fair pale to the original iWeb.

     

    This is a screen shot of my version:

     

    iWeb-JPEG.jpg

     

    This is my website:

     

    http://theevolutionofreason.com/The_Evolution_Of_Reason.html

     

    Take it for a spin with a viewport resizer app. Or download Google’s viewport resizer app. (free), to show its visual compatibility with all devices.

     

    https://chrome.google.com/webstore/detail/viewport-resizer/kapnjjcfcncngkadhpmij lkblpibdcgm

     

    Also, check out my website’s “Element Source”.

     

    Sincerely

     

    pedro santos

  • by Wyodor,

    Wyodor Wyodor Nov 30, 2015 4:03 AM in response to 22gpsarch22
    Level 6 (19,753 points)
    Nov 30, 2015 4:03 AM in response to 22gpsarch22

    If you want to impress, you'd better do it right :

     

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  • by 22gpsarch22,

    22gpsarch22 22gpsarch22 Nov 30, 2015 5:30 AM in response to Wyodor
    Level 1 (0 points)
    Nov 30, 2015 5:30 AM in response to Wyodor

    Hi Wyodor

     

    Sorry you don’t understand.

     

    If you use:

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     

    You have to reconfigure all your files (Images and Text) to respond to responsive design, (this meta tag is only the initial scale introduction)

     

    This meta tag:

     

    <meta name="viewport content="width=700=content=width-device-width, initial-scale=1.0" />

     

    Does everything in the initial statement without changing anything.

    Again visit my web site and see for your self

    pedro santos

  • by Wyodor,

    Wyodor Wyodor Nov 30, 2015 6:38 AM in response to 22gpsarch22
    Level 6 (19,753 points)
    Nov 30, 2015 6:38 AM in response to 22gpsarch22

    Yes, you're right, I don't understand.

     

    It should be this :

     

    <meta name="viewport" content="width=700,width=device-width, initial-scale=1.0" />

     

    Notice the " in the proper locations?

  • by 22gpsarch22,

    22gpsarch22 22gpsarch22 Nov 30, 2015 7:44 AM in response to Wyodor
    Level 1 (0 points)
    Nov 30, 2015 7:44 AM in response to Wyodor

    Hi Wyodor

     

    Yes at first look it looks wrong, but if you ignore what everyone is saying and turn the words into numerical values:

     

    Like: A=B=C you’ll understand.

    Notice the prentices in the initial statement:

     

    "viewport content

    This establishes the beginning of the statement followed by end statement;

    initial-scale=1.0"

     

    If I put prentices after viewport:

    "viewport” I close the statement and it won't work.

     

    <meta name="viewport content="width=700=content=width-device-width, initial-scale=1.0" />

     

    I’m a writer and words to me are also numerical values.

     

    Sincerely

    pedro santos

  • by Wyodor,Solvedanswer

    Wyodor Wyodor Nov 30, 2015 8:00 AM in response to 22gpsarch22
    Level 6 (19,753 points)
    Nov 30, 2015 8:00 AM in response to 22gpsarch22

    You may want to notify W3C about this, because their specifications are all wrong :

     

    http://www.w3.org/TR/css-device-adapt/#translate-meta-to-at-viewport

     

    The internet community will acknowledge your contribution.

  • by 22gpsarch22,

    22gpsarch22 22gpsarch22 Nov 30, 2015 2:18 PM in response to Wyodor
    Level 1 (0 points)
    Nov 30, 2015 2:18 PM in response to Wyodor

    Hi Wyodor

     

    Thank you, I think we already did.

     

    Anyway I got to get back to my chores.

     

    pedro