تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

strange behaviour in display

+ إضافة رد

2 مشاركة صفحة 1 من 1


strange behaviour in display

بواسطة ad1970india » الأحد سبتمبر 17, 2017 4:19 am

Guys this is a challenge for geeks

My css queries are as follows ( for 1920 x 1080 screen resolution)

@media screen and (min-width:1281px) {
html { width:50%; }
}

@media screen and (min-width:721px) and (max-width:1280px) {
html { width:75%; }
}

@media screen and (max-width:720px) {
html { width:100%; }
}

The problem statement
When this html is opened locally the breakpoints(2) work, no problems
but when I upload the same html on web server and open in browser, only one breakpoint works (my display behaves like 1280 x 720)
???
صورة العضو الشخصية

ad1970india

  • مشاركات: 1
  • اشترك في: الأحد سبتمبر 17, 2017 4:09 am

Re: strange behaviour in display

بواسطة Chikwado » الأربعاء أغسطس 15, 2018 4:40 pm

You Need To Learn More On Css Media Object, For Example: If You Target Certain Device And Give It Width As 50%, Media Object Will Divide The Screen Into Two And Display One. Which Is Not Correct. If It Is 100% It Will Stretch To The Edge.
صورة العضو الشخصية

Chikwado

  • مشاركات: 98
  • اشترك في: الاثنين يوليو 29, 2013 11:36 pm
  • مكان: Nigeria
--
Focus On Advance Science And Programming.


+ إضافة رد

صفحة 1 من 1