kjao/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow for proper zoom along with correct print sizing

Browse Source
This commit is contained in:
Kenneth Jao 2024-06-13 00:02:19 -05:00
parent 9c2a99e602
commit 2af6f293ec
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resume/main.css
View File

@ -1,22 +1,21 @@
@media (min-aspect-ratio: 8.5/11) { /* Aspect ratio larger than 1. */
@media (min-aspect-ratio: 11/8.5) { /* Aspect ratio larger than 1. */
html {
height: 100%;
width: 100%;
display: flex;
align-items: center;
background: linear-gradient(0deg, #2a2a2a 0%, #4b4b4b 50%, #2a2a2a 100%);
font-size: calc(1vh * 8.5/11);
}
body {
height: 100%;
width: 100rem;
aspect-ratio: 8.5/11;
margin: auto;
}
}
@media (max-aspect-ratio: 8.5/11) { /* Aspect ratio less than 1 */
@media (max-aspect-ratio: 11/8.5) { /* Aspect ratio less than 1 */
html {
height: 100%;
width: 100%;
@ -27,7 +26,24 @@
}
body {
width: 100rem;
aspect-ratio: 8.5/11;
margin: auto;
}
}
@media print {
html {
height: 100%;
width: 100%;
display: flex;
align-items: center;
background: linear-gradient(0deg, #2a2a2a 0%, #4b4b4b 50%, #2a2a2a 100%);
font-size: 1vw;
}
body {
height: 100%;
aspect-ratio: 8.5/11;
margin: auto;
}