Size of webpages in web browser looks too congested in Ubuntu 18.10
up vote
1
down vote
favorite
After upgrading from Ubuntu 18.04 to 18.10, the user interface of web browsers (Firefox and Chrome) looks too congested. All the webpage's content is squeezed together in a small congested area as shown below in the first 3 screenshots.
New Tab in Firefox (Click images to enlarge)
webpage in Firefox
New Tab in Chrome
Increasing the font size doesn't help either. The pages still take same amount of space. The problem started in Ubuntu 18.04 and persisted after I upgraded from Ubuntu 18.04 to Ubuntu 18.10.
For comparison, below is a screenshot of the Firefox New Tab page in Windows 10.
Notice the larger icon sizes in the Firefox speed dial area. The difference varies from website to website.
firefox browser 18.10 interface
edited Dec 2 at 7:05
karel
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
|
show 3 more comments
up vote
1
down vote
favorite
After upgrading from Ubuntu 18.04 to 18.10, the user interface of web browsers (Firefox and Chrome) looks too congested. All the webpage's content is squeezed together in a small congested area as shown below in the first 3 screenshots.
New Tab in Firefox (Click images to enlarge)
webpage in Firefox
New Tab in Chrome
Increasing the font size doesn't help either. The pages still take same amount of space. The problem started in Ubuntu 18.04 and persisted after I upgraded from Ubuntu 18.04 to Ubuntu 18.10.
For comparison, below is a screenshot of the Firefox New Tab page in Windows 10.
Notice the larger icon sizes in the Firefox speed dial area. The difference varies from website to website.
firefox browser 18.10 interface
edited Dec 2 at 7:05
karel
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
1
Does scrolling your mouse wheel up, while holdingCtrlsolve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.
– earthmeLon
Dec 2 at 1:52
Only in some pages.
– shreyas
Dec 2 at 1:58
2
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09
|
show 3 more comments
up vote
1
down vote
favorite
up vote
1
down vote
favorite
After upgrading from Ubuntu 18.04 to 18.10, the user interface of web browsers (Firefox and Chrome) looks too congested. All the webpage's content is squeezed together in a small congested area as shown below in the first 3 screenshots.
New Tab in Firefox (Click images to enlarge)
webpage in Firefox
New Tab in Chrome
Increasing the font size doesn't help either. The pages still take same amount of space. The problem started in Ubuntu 18.04 and persisted after I upgraded from Ubuntu 18.04 to Ubuntu 18.10.
For comparison, below is a screenshot of the Firefox New Tab page in Windows 10.
Notice the larger icon sizes in the Firefox speed dial area. The difference varies from website to website.
firefox browser 18.10 interface
edited Dec 2 at 7:05
karel
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
After upgrading from Ubuntu 18.04 to 18.10, the user interface of web browsers (Firefox and Chrome) looks too congested. All the webpage's content is squeezed together in a small congested area as shown below in the first 3 screenshots.
New Tab in Firefox (Click images to enlarge)
webpage in Firefox
New Tab in Chrome
Increasing the font size doesn't help either. The pages still take same amount of space. The problem started in Ubuntu 18.04 and persisted after I upgraded from Ubuntu 18.04 to Ubuntu 18.10.
For comparison, below is a screenshot of the Firefox New Tab page in Windows 10.
Notice the larger icon sizes in the Firefox speed dial area. The difference varies from website to website.
firefox browser 18.10 interface
firefox browser 18.10 interface
edited Dec 2 at 7:05
karel
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Dec 2 at 7:05
karel
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Dec 2 at 7:05
karel
55.6k11124141
edited Dec 2 at 7:05
karel
55.6k11124141
edited Dec 2 at 7:05
karel
55.6k11124141
55.6k11124141
asked Dec 2 at 1:04
shreyas
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Dec 2 at 1:04
shreyas
85
asked Dec 2 at 1:04
shreyas
85
85
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
shreyas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
1
Does scrolling your mouse wheel up, while holdingCtrlsolve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.
– earthmeLon
Dec 2 at 1:52
Only in some pages.
– shreyas
Dec 2 at 1:58
2
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09
|
show 3 more comments
1
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
1
Does scrolling your mouse wheel up, while holdingCtrlsolve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.
– earthmeLon
Dec 2 at 1:52
Only in some pages.
– shreyas
Dec 2 at 1:58
2
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09
1
1
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
1
1
Does scrolling your mouse wheel up, while holding
Ctrl solve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.– earthmeLon
Dec 2 at 1:52
Does scrolling your mouse wheel up, while holding
Ctrl solve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.– earthmeLon
Dec 2 at 1:52
Only in some pages.
– shreyas
Dec 2 at 1:58
Only in some pages.
– shreyas
Dec 2 at 1:58
2
2
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09
|
show 3 more comments
1 Answer
1
active
oldest
votes
up vote
2
down vote
accepted
The congestion in the web browsers is controlled by the Zoom Settings in both Firefox and Chrome. In Firefox access the Zoom settings by clicking the three horizontal bars Settings icon 
in the top right corner -> Zoom -> click ➕ to increase zoom %.
Instead of changing the size of everything, you can just change the size of the text in Firefox. You can also click the Zoom Text Only option iin the below screenshot to remove the checkmark and toggle Zoom Text Only from on to off if it is already selected.
- Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu bar at the top, click View -> Zoom.
- Select Zoom Text Only. This makes the controls only change the size of text, not images.
In Chrome the Zoom can be changed by clicking the three dots icon in the top right corner -> Settings -> Page zoom -> select the default zoom for all pages from the Page zoom dropdown menu. The page zoom for a specific webpage can be changed to override the default zoom settings for all pages by clicking the three dots icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
In Chrome the default font size for all webpages can be changed by clicking the three dots icon in the top right corner -> Settings -> Font size -> select the default font size for all pages from the Font size dropdown menu. If the preset font size options don't look exactly right there is also a Customize fonts option located below the Font size option. Click the ▶ to the right of where it says Customize fonts to access the Customize fonts page.
answered Dec 2 at 5:52
karel
55.6k11124141
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
2
down vote
accepted
The congestion in the web browsers is controlled by the Zoom Settings in both Firefox and Chrome. In Firefox access the Zoom settings by clicking the three horizontal bars Settings icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
Instead of changing the size of everything, you can just change the size of the text in Firefox. You can also click the Zoom Text Only option iin the below screenshot to remove the checkmark and toggle Zoom Text Only from on to off if it is already selected.
- Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu bar at the top, click View -> Zoom.
- Select Zoom Text Only. This makes the controls only change the size of text, not images.
In Chrome the Zoom can be changed by clicking the three dots icon in the top right corner -> Settings -> Page zoom -> select the default zoom for all pages from the Page zoom dropdown menu. The page zoom for a specific webpage can be changed to override the default zoom settings for all pages by clicking the three dots icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
In Chrome the default font size for all webpages can be changed by clicking the three dots icon in the top right corner -> Settings -> Font size -> select the default font size for all pages from the Font size dropdown menu. If the preset font size options don't look exactly right there is also a Customize fonts option located below the Font size option. Click the ▶ to the right of where it says Customize fonts to access the Customize fonts page.
answered Dec 2 at 5:52
karel
55.6k11124141
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
add a comment |
up vote
2
down vote
accepted
The congestion in the web browsers is controlled by the Zoom Settings in both Firefox and Chrome. In Firefox access the Zoom settings by clicking the three horizontal bars Settings icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
Instead of changing the size of everything, you can just change the size of the text in Firefox. You can also click the Zoom Text Only option iin the below screenshot to remove the checkmark and toggle Zoom Text Only from on to off if it is already selected.
- Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu bar at the top, click View -> Zoom.
- Select Zoom Text Only. This makes the controls only change the size of text, not images.
In Chrome the Zoom can be changed by clicking the three dots icon in the top right corner -> Settings -> Page zoom -> select the default zoom for all pages from the Page zoom dropdown menu. The page zoom for a specific webpage can be changed to override the default zoom settings for all pages by clicking the three dots icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
In Chrome the default font size for all webpages can be changed by clicking the three dots icon in the top right corner -> Settings -> Font size -> select the default font size for all pages from the Font size dropdown menu. If the preset font size options don't look exactly right there is also a Customize fonts option located below the Font size option. Click the ▶ to the right of where it says Customize fonts to access the Customize fonts page.
answered Dec 2 at 5:52
karel
55.6k11124141
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
add a comment |
up vote
2
down vote
accepted
up vote
2
down vote
accepted
The congestion in the web browsers is controlled by the Zoom Settings in both Firefox and Chrome. In Firefox access the Zoom settings by clicking the three horizontal bars Settings icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
Instead of changing the size of everything, you can just change the size of the text in Firefox. You can also click the Zoom Text Only option iin the below screenshot to remove the checkmark and toggle Zoom Text Only from on to off if it is already selected.
- Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu bar at the top, click View -> Zoom.
- Select Zoom Text Only. This makes the controls only change the size of text, not images.
In Chrome the Zoom can be changed by clicking the three dots icon in the top right corner -> Settings -> Page zoom -> select the default zoom for all pages from the Page zoom dropdown menu. The page zoom for a specific webpage can be changed to override the default zoom settings for all pages by clicking the three dots icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
In Chrome the default font size for all webpages can be changed by clicking the three dots icon in the top right corner -> Settings -> Font size -> select the default font size for all pages from the Font size dropdown menu. If the preset font size options don't look exactly right there is also a Customize fonts option located below the Font size option. Click the ▶ to the right of where it says Customize fonts to access the Customize fonts page.
answered Dec 2 at 5:52
karel
55.6k11124141
The congestion in the web browsers is controlled by the Zoom Settings in both Firefox and Chrome. In Firefox access the Zoom settings by clicking the three horizontal bars Settings icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
Instead of changing the size of everything, you can just change the size of the text in Firefox. You can also click the Zoom Text Only option iin the below screenshot to remove the checkmark and toggle Zoom Text Only from on to off if it is already selected.
- Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu bar at the top, click View -> Zoom.
- Select Zoom Text Only. This makes the controls only change the size of text, not images.
In Chrome the Zoom can be changed by clicking the three dots icon in the top right corner -> Settings -> Page zoom -> select the default zoom for all pages from the Page zoom dropdown menu. The page zoom for a specific webpage can be changed to override the default zoom settings for all pages by clicking the three dots icon in the top right corner -> Zoom -> click ➕ to increase zoom %.
In Chrome the default font size for all webpages can be changed by clicking the three dots icon in the top right corner -> Settings -> Font size -> select the default font size for all pages from the Font size dropdown menu. If the preset font size options don't look exactly right there is also a Customize fonts option located below the Font size option. Click the ▶ to the right of where it says Customize fonts to access the Customize fonts page.
answered Dec 2 at 5:52
karel
55.6k11124141
edited Dec 2 at 6:36
answered Dec 2 at 5:52
karel
55.6k11124141
answered Dec 2 at 5:52
karel
55.6k11124141
answered Dec 2 at 5:52
karel
55.6k11124141
55.6k11124141
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
add a comment |
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
This solution worked on Chrome. It's with Firefox that it didn't work. When I zoom in, only font size increases. All the icons and input bars remain in the original size
– shreyas
Dec 2 at 6:27
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
I added instructions to my answer to fix this.
– karel
Dec 2 at 6:30
This worked for me :-)
– shreyas
Dec 2 at 6:35
This worked for me :-)
– shreyas
Dec 2 at 6:35
add a comment |
shreyas is a new contributor. Be nice, and check out our Code of Conduct.
shreyas is a new contributor. Be nice, and check out our Code of Conduct.
shreyas is a new contributor. Be nice, and check out our Code of Conduct.
shreyas is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Ask Ubuntu!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1097795%2fsize-of-webpages-in-web-browser-looks-too-congested-in-ubuntu-18-10%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
It looks beautiful to me. What's the problem? Is it DPI?
– earthmeLon
Dec 2 at 1:36
See the second screenshot for example, the page isn't taking full page. If I increase the font size, only font size increases, still taking same amount of space.
– shreyas
Dec 2 at 1:43
1
Does scrolling your mouse wheel up, while holding
Ctrlsolve your problem? The browser uses its own fonts and scaling, and these can differ from your system settings.– earthmeLon
Dec 2 at 1:52
Only in some pages.
– shreyas
Dec 2 at 1:58
2
Have you looked at the source code of the ecircuits page? It has "<table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="700" id="AutoNumber1">" and "<td width="616" align="left" valign="top">", etc. How does the page display on a Windows machine with a Windows browser?
– DK Bose
Dec 2 at 3:09