BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - Screen sizes
  FAQ FAQ  Forum Search   Register Register  Login Login

Screen sizes

 Post Reply Post Reply
Author
Message
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Topic: Screen sizes
    Posted: Jan 28 2020 at 1:12pm
Hello Hobby001:

I am working on another project and it seems that when
I press CTRL-SHFT-M in Firefox, the website adjusts to all
the different devices there is correctly.

However, when I change the size of the Window from full screen
to lesser in size, the content does not adjust automatically.

What would I need to do to make the content re-adjust to
the window size if it is made smaller.

All the other configurations (ipad, Samsung Galaxy, Kindle, etc;)
work fine, but when the user makes the window smaller, the
content does not readjust.

Thank you much for your help once again.

Sincerely
deewebdev
Dwight
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: Jan 28 2020 at 3:26pm
Don't use your key combination.
Use Ctrl + +  (enlarge)  or Ctrl + - (shrink).
Works perfectly.
Or did I misunderstand your request?
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Jan 28 2020 at 6:12pm
@deewebdev,

Add the following line in an HTML  code block 

<meta name="viewport" content="width=device-width,initial-scale=1" />
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Jan 29 2020 at 10:34pm
Thank you for your reply,

My question was probably not worded correctly.

What I meant is that the website is responsive when you test it
for the different sizes of smartphones, tablets, etc. However, when
you resize the window (in Windows) or on a PC from full screen to
a window, the contents do not adjust the the size as being rensponsive.

So I would guess that it is responsive for the devices but not responsive
when the window of the website in the browser is resized to a smaller
size.

Thanks again for your help
deewebdev

Dwight
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Jan 29 2020 at 10:35pm
Thank you for your reply,

My question was probably not worded correctly.

What I meant is that the website is responsive when you test it
for the different sizes of smartphones, tablets, etc. However, when
you resize the window (in Windows) or on a PC from full screen to
a window, the contents do not adjust the the size as being rensponsive.

So I would guess that it is responsive for the devices but not responsive
when the window of the website in the browser is resized to a smaller
size.

Thanks again for your help
deewebdev

Dwight
Dwight
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Jan 30 2020 at 2:39am
You can't rely on browsers to correctly emulate mobile devices.

Test your site on specialised sites like https://responsivedesignchecker.com/ for better results


Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Jan 30 2020 at 2:49am
You still have to add the following code line in an HTML code block position header.


<meta name="viewport" content="width=device-width,initial-scale=1" />
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: Jan 30 2020 at 1:00pm
Quote Test your site on specialised sites like https://responsivedesignchecker.com/ for better results

Pretty a nice tool Clap

Ask the maintainer of this forum:
Wouldn't it be a brilliant idea, to create a rubrik (USEFUL TOOLS) ?

___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Jan 30 2020 at 1:51pm
Originally posted by digizar digizar wrote:


Pretty a nice tool Clap

Ask the maintainer of this forum:
Wouldn't it be a brilliant idea, to create a rubrik (USEFUL TOOLS) ?


By experience these tools disapear or become obsolete often.  Therefore maintenance becomes a full time job.

Look at what happenned to CSS gradient colors.  They went from complicated background-color instruction to cleaned background-image instructions.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.063 seconds.