Skip to main content
Known Participant
November 3, 2022
Question

Automatic site size adjustment for an iPhone device

  • November 3, 2022
  • 2 replies
  • 769 views

Hey friends I designed a website in the iPhone version, but it opens larger than the size of the screen. Is there a script that will tell to adjust the page to the screen size? www.isserles.co.il/atar/nis0.html

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    November 4, 2022

    Correct URL:

    https://www.isserles.co.il/atar/nis0.html

     

    Unfit for use.  Let me count the ways:

    1. Obsolete code 😓

    2. Table layouts 😓

    2. Fixed width in pixels 😓

    3. Two viewport meta tags 😓

    4. jQuery 😓

    5. Image map 😓

    6. Seven fatal HTML errors  😓
    https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.isserles.co.il%2Fatar%2Fnis0.html

     

    I'm sorry to say, you've taken 6 backwards steps since yesterday.  Go back to Bootstrap.

     

     

     

     

     

     

     

     

     

    Nancy O'Shea— Product User & Community Expert
    aviel222Author
    Known Participant
    November 3, 2022

    [Moderator merged related topics into one.]

     

    Hey
    I'm looking for code for the following: when I click on an anchor link, there will be a scrolling animation to the destination of the link (within the page itself)
    I tried to download jquieri effects but I only found a script that only refers to scrolling to the start of the page. I would appreciate your help.

     

    Nancy OShea
    Community Expert
    Community Expert
    November 3, 2022

    jQuery is outdated.  Nobody uses it anymore.

     

    Your priorities are upside down. 😲

    You can't build a website but you want gimmicky scrolling animations as if that will make your site better?  It won't.  Get your priorities in order. 

    1. Site structure first.

    2. Content second.

    3. Styles & typography third.

    4. Interactive elements (forms, navigation, etc...) fourth.

    5. Site testing fifth.

    When you have all that working on ALL devices, then you can look at scrolling animations with Bootstrap Scrollspy.  Until then, stay away from it.  You're not ready to tackle it yet.  You can't run a marathon until you learn to crawl, walk, & run first.

     

    Nancy O'Shea— Product User & Community Expert
    Community Expert
    November 4, 2022

    No, there is not a simple script to fix what you have. To be honest I would recommend you start fresh.  Your page is just a table with a width of 640px, there is nothing responsive about it.  Best advice I can give in this instance is just to go grab a bootstrap starter template and just start fresh with a responsive template.