I am in the middle of Oracle Apex jmobile query project where I have an HTML page. This page contains the following image code : <center> <img src="#WORKSPACE_IMAGES#Logo.svg" align="cent...
stackoverflow.com
در سایت بالا
یک نفر مشکل سایز عکس داشته و جوابهایی داده شده.
مثلا کلمه auto توصیه شده.
یا یک نفر در مورد ویوپورت چیزی گفته:
Viewport units: vw, vh, vmin, vmax
I'm guessing the answer to this is a no - but is there a clever way to calculate 2/3 height of the mobile screen? I need a header div containing a background image to take up 2/3 of the screen hei...
stackoverflow.com
یکی این جوری نوشته در جواب:
CSS:
height: 66.6vh;
و گفته ما ۱۰۰ تاvh داریم می تونید از یک تا صد عدد بدهید.که عدد صد کل طول ویوپورت است.
باید این کد تست بشه.
و گفته باید بروسر قدیمی این طوری بنویسیم:
CSS:
height: 100%
در اینجا هم گفته چه ورژنی از چه بروسری پشتیبانی می کنه.
ریسپانسیو در css برای تصاویر در طراحی وب همیشه مسئله چالش بر انگیزی بوده پس همراه من باشید تا در این مقاله به شما آموزش ریسپانسیو کردن را آموزش دهم . میدونید که تصاو ...
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
CSS:
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
شرحش:
Change the background color of the <body> element to "lightblue" when the browser window is 600px wide or less:
میگه وقتی صفحه بروسر کمتر از فلان قدر است ، فلان کار را بکن.
بوسیله دستور @media می توان یک دسته استایل را فقط مخصوص به یک مدیای خاص نوشت.
به عنوان مثال می توان مشخص کرد که استایل های زیر فقط زمانی استفاده شوند که مدیای مورد نظر از نوع پرینت شده باشد. یعنی زمانی که سایت ما قرار است بر روی کاغد چاپ شود این استایل ها اعمال شوند
منبع:
بوسیله دستور @media می توان یک دسته استایل را فقط مخصوص به یک مدیای خاص نوشت.
به عنوان مثال می توان مشخص کرد که استایل های زیر فقط زمانی استفاده شوند که مدیای مورد نظر از نوع پرینت شده باشد. یعنی زمانی که سایت ما قرار است بر روی کاغد چاپ شود این استایل ها اعمال شوند:
بوسیله دستور @media می توان یک دسته استایل را فقط مخصوص به یک مدیای خاص نوشت.
به عنوان مثال می توان مشخص کرد که استایل های زیر فقط زمانی استفاده شوند که مدیای مورد نظر از نوع پرینت شده باشد. یعنی زمانی که سایت ما قرار است بر روی کاغد چاپ شود این استایل ها اعمال شوند:
stackoverflow.com
devops.com
7learn.com
adminesite.com
www.w3schools.com
css-tricks.ir
