Object tag is not working on @media (max-width: 767px)
Question
I am trying to display a PDF file using object tag in HTML in both desktop and mobile. In order to make it responsive I have defined two medias - for min-768px and max-767px.
The object tag works fine in @media (min-width: 768px) but it does not work at all in @media (max-width: 767px) .
How to display the PDF in mobile view ( @media (max-width: 767px) )???
1 answers
solution1
0 2016-11-12 16:09:45
@media screen and (min-width: 480px)
或，@ @media screen and (min-width: 767px)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Media query when max-width is set to 767px
@media (max-width: 767px) { /*content*/} does not work
How to use media query for max-width: 767px using Bootstrap 4 mobile first
My banner picture is not displaying using “@media (min-width: 320px) and (max-width:767px)”
@media max-width: XX px; not working properly
@media screen and (max-width:768px) not working
@media (max-width: 640px) not working for mobile
Why media query is not working to the range between 0px and 767px?
javascript - enable a plugin if width is greater than 767px?
How media queries are work when i define in meta tag content=“max-width=1200px;”
Related Tags