Automatic site size adjustment for an iPhone device

[aviel222]

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

[Ben M]

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.

[Nancy OShea]

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.

[aviel222]

[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.

[aviel222]

Here is an exmaple what in need:

https://www.youtube.com/watch?v=cunl0bZM__E

[Nancy OShea]

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.

[aviel222]

In the end I succeeded:
html {
scroll-behavior: smooth;
}

[osgood_]

In the end I succeeded:
html {
scroll-behavior: smooth;
}

By @aviel222

By far the cleanest and easiest solution to deploy. It is supported in all modern browsers and has 92% global browser support, currently a bit low, but I think as its NOT a critcal feature it will be ok. If a browser doesnt support 'scroll-behaviour' then the clicked link will just jump to the desired anchor position in the page.

[Nancy OShea]

It's no solution.  Here's why:

https://community.adobe.com/t5/dreamweaver-discussions/automatic-site-size-adjustment-for-an-iphone-...

[osgood_]

I haven't been following all events associated with this build so l can't comment  but the smooth scrolling works as expected.

[Nancy OShea]

It's not the build.  It's the person using it. 😞