+ 11

Do I have to create two different html files for the same website if I am to enable alternating between mobile and desktop views

24th May 2019, 9:57 AM
RadaR
RadaR - avatar
8 Antworten
+ 6
You can use @media with a class set display: none for element to going to exclude in certain screen size. E.g. below code would make . no-mobile-view element no viewable on mobile phone. .no-mobile-view { display: block; } @media only screen and (max-width: 40em) { .no-mobile-view { display: none; } }
24th May 2019, 11:00 AM
Calviղ
Calviղ - avatar
+ 11
Thanks a lot Calviղ and Jônatas Araripe. So I looked up "Responsive Design Frameworks" and found what I was looking for under the subtitle "Custom Layout Structure". Thanks guys💯💯 Here's the link to the article: https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/
24th May 2019, 5:08 PM
RadaR
RadaR - avatar
+ 10
Thanks Jônatas Araripe But using the initial scale only adjusts one design to fit the screen of the user. I've seen different display views for websites, where the mobile display absolutely excludes information that is usually displayed in the desktop view. How do they exclude those parts? Or, do they just design different display views and write a script or something that causes the exclusion of different parts when the mobile view is detected?
24th May 2019, 10:08 AM
RadaR
RadaR - avatar
+ 9
Rfs Does Bootstrap have responsive designs? I couldn't find it on SoloLearn.
24th May 2019, 6:58 PM
RadaR
RadaR - avatar
+ 2
Use responsive design with frameworks you preference.
24th May 2019, 10:11 AM
Jônatas Araripe
Jônatas Araripe - avatar
+ 2
yes, and its on Sololearn, in Web Development section
25th May 2019, 5:01 PM
Rfs
Rfs - avatar
+ 1
no, just use Bootstrap
24th May 2019, 10:22 AM
Rfs
Rfs - avatar