Need exact media queries for Kindle Fire
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I'm designing for the Kindle Fire, but am not finding correct information about the CSS height/width.
On my two devices, this is what I measured:
Fire 7" 2015
600 x 1024
Fire HD 8" 2018
601 x 962
I thought that it was always either 600 or 800 (and maybe more for bigger, newer ones), but that is clearly not the case.
Are there exact media queries (and I mean 601 exact) for the Kindle devices?
Can I trust that 601 will always be the larger 8" screens?
css kindle-fire
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
add a comment |
I'm designing for the Kindle Fire, but am not finding correct information about the CSS height/width.
On my two devices, this is what I measured:
Fire 7" 2015
600 x 1024
Fire HD 8" 2018
601 x 962
I thought that it was always either 600 or 800 (and maybe more for bigger, newer ones), but that is clearly not the case.
Are there exact media queries (and I mean 601 exact) for the Kindle devices?
Can I trust that 601 will always be the larger 8" screens?
css kindle-fire
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
add a comment |
I'm designing for the Kindle Fire, but am not finding correct information about the CSS height/width.
On my two devices, this is what I measured:
Fire 7" 2015
600 x 1024
Fire HD 8" 2018
601 x 962
I thought that it was always either 600 or 800 (and maybe more for bigger, newer ones), but that is clearly not the case.
Are there exact media queries (and I mean 601 exact) for the Kindle devices?
Can I trust that 601 will always be the larger 8" screens?
css kindle-fire
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
I'm designing for the Kindle Fire, but am not finding correct information about the CSS height/width.
On my two devices, this is what I measured:
Fire 7" 2015
600 x 1024
Fire HD 8" 2018
601 x 962
I thought that it was always either 600 or 800 (and maybe more for bigger, newer ones), but that is clearly not the case.
Are there exact media queries (and I mean 601 exact) for the Kindle devices?
Can I trust that 601 will always be the larger 8" screens?
css kindle-fire
css kindle-fire
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
asked Nov 16 '18 at 22:56
user984003user984003
10k40121214
10k40121214
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I collected information on my website to see what size devices people were using.
$(window).width();
These are the widths that can used for CSS media queries. The model number (KFSUWI) is from the user agent. I then Googled the tablet size (HD 10) using the model number. The widths were calculated with Javascript running on the page.
Kindle devices
KFSUWI, KFTBWI (HD 10)
800
1280
KFAPWI (HDX 8.9)
800
1219
KFDOWI, KFGIWI, KFKAWI (HD 8)
601
962
KFFOWI
600
1024
KFSOWI (HD 7)
534
802
KFSAWI (HD 7)
800
1280
KFTHWI (HD 7)
600
902
KFHDX (HD 7)
600
(no data)
KFAUWI (HD 7)
600
1024
KFOT
600
963
KFARWI
534
812
KFTT
534
802
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
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',
autoActivateHeartbeat: false,
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%2fstackoverflow.com%2fquestions%2f53346459%2fneed-exact-media-queries-for-kindle-fire%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
I collected information on my website to see what size devices people were using.
$(window).width();
These are the widths that can used for CSS media queries. The model number (KFSUWI) is from the user agent. I then Googled the tablet size (HD 10) using the model number. The widths were calculated with Javascript running on the page.
Kindle devices
KFSUWI, KFTBWI (HD 10)
800
1280
KFAPWI (HDX 8.9)
800
1219
KFDOWI, KFGIWI, KFKAWI (HD 8)
601
962
KFFOWI
600
1024
KFSOWI (HD 7)
534
802
KFSAWI (HD 7)
800
1280
KFTHWI (HD 7)
600
902
KFHDX (HD 7)
600
(no data)
KFAUWI (HD 7)
600
1024
KFOT
600
963
KFARWI
534
812
KFTT
534
802
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
add a comment |
I collected information on my website to see what size devices people were using.
$(window).width();
These are the widths that can used for CSS media queries. The model number (KFSUWI) is from the user agent. I then Googled the tablet size (HD 10) using the model number. The widths were calculated with Javascript running on the page.
Kindle devices
KFSUWI, KFTBWI (HD 10)
800
1280
KFAPWI (HDX 8.9)
800
1219
KFDOWI, KFGIWI, KFKAWI (HD 8)
601
962
KFFOWI
600
1024
KFSOWI (HD 7)
534
802
KFSAWI (HD 7)
800
1280
KFTHWI (HD 7)
600
902
KFHDX (HD 7)
600
(no data)
KFAUWI (HD 7)
600
1024
KFOT
600
963
KFARWI
534
812
KFTT
534
802
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
add a comment |
I collected information on my website to see what size devices people were using.
$(window).width();
These are the widths that can used for CSS media queries. The model number (KFSUWI) is from the user agent. I then Googled the tablet size (HD 10) using the model number. The widths were calculated with Javascript running on the page.
Kindle devices
KFSUWI, KFTBWI (HD 10)
800
1280
KFAPWI (HDX 8.9)
800
1219
KFDOWI, KFGIWI, KFKAWI (HD 8)
601
962
KFFOWI
600
1024
KFSOWI (HD 7)
534
802
KFSAWI (HD 7)
800
1280
KFTHWI (HD 7)
600
902
KFHDX (HD 7)
600
(no data)
KFAUWI (HD 7)
600
1024
KFOT
600
963
KFARWI
534
812
KFTT
534
802
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
I collected information on my website to see what size devices people were using.
$(window).width();
These are the widths that can used for CSS media queries. The model number (KFSUWI) is from the user agent. I then Googled the tablet size (HD 10) using the model number. The widths were calculated with Javascript running on the page.
Kindle devices
KFSUWI, KFTBWI (HD 10)
800
1280
KFAPWI (HDX 8.9)
800
1219
KFDOWI, KFGIWI, KFKAWI (HD 8)
601
962
KFFOWI
600
1024
KFSOWI (HD 7)
534
802
KFSAWI (HD 7)
800
1280
KFTHWI (HD 7)
600
902
KFHDX (HD 7)
600
(no data)
KFAUWI (HD 7)
600
1024
KFOT
600
963
KFARWI
534
812
KFTT
534
802
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
answered Nov 19 '18 at 13:59
user984003user984003
10k40121214
10k40121214
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- 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%2fstackoverflow.com%2fquestions%2f53346459%2fneed-exact-media-queries-for-kindle-fire%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
