• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Automatic site size adjustment for an iPhone device

Explorer ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

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

Views

186

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 03, 2022 Nov 03, 2022

Copy link to clipboard

Copied

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

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 03, 2022 Nov 03, 2022

Copy link to clipboard

Copied

Here is an exmaple what in need:

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

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 03, 2022 Nov 03, 2022

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 03, 2022 Nov 03, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

quote

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

It's no solution.  Here's why:

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

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 04, 2022 Nov 04, 2022

Copy link to clipboard

Copied

LATEST

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

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines