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
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
|
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
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
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
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
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
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
edited Dec 2 at 7:05
karel
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
edited Dec 2 at 7:05
karel
56.1k11124142
edited Dec 2 at 7:05
karel
56.1k11124142
edited Dec 2 at 7:05
karel
56.1k11124142
56.1k11124142
asked Dec 2 at 1:04
shreyas
85
asked Dec 2 at 1:04
shreyas
85
asked Dec 2 at 1:04
shreyas
85
85
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
56.1k11124142
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 |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "89"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
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
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
56.1k11124142
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
56.1k11124142
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
56.1k11124142
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
56.1k11124142
edited Dec 2 at 6:36
answered Dec 2 at 5:52
karel
56.1k11124142
answered Dec 2 at 5:52
karel
56.1k11124142
answered Dec 2 at 5:52
karel
56.1k11124142
56.1k11124142
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 |
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