Questions tagged [responsive-design-view]

8 questions
3
votes
1 answer

How to change default value of "Disable Touch Simulation" in Firefox Dev Tools?

Windows 10, Firefox 70.0.1. When I enable the Responsive Design Mode in the Dev Tools, the "Disable Touch Simulation" is on by default. Even when I turn it off, then close and open the Responsive Design Mode, it is switched back on. It is an…
Arry
  • 895
  • 1
  • 7
  • 20
2
votes
1 answer

React Native Responsive View Iphone x

I face a little problem while styling for Iphone X, I used widthPercentageToDP and heightPercentageToDP from react-native-responsive-screen to make the view similar, in most of the devices it worked perfectly except Iphone X, the difference is a…
othman safadi
  • 321
  • 4
  • 12
1
vote
1 answer

Font Awesome icons don't show up in my HTML

I'm trying to make a Responsive header with HTML and CSS. But there are two problems which I can't solve. const toggleBtn = document.querySelector('.navbar__toggleBtn'); const menu = document.querySelector('.navbar__menu'); const icons =…
1
vote
1 answer

How do I correctly implement Android Viewport Spoofing?

I've recently built an app that uses a full screen web view to load a website I don't own. (Therefore, no control of site code) I need the webview to display a desktop version of the site, and desktop http header spoofing didn't do the trick. I…
1
vote
2 answers

Responsive design and margins

With responsive designs, I heard we should use "%" instead of fixed measurements like "px" . But it doesn't work how it should with margin? I have a logo and links underneath it. I added margin-bottom: 2% underneath it and it looks perfect from…
RhinoFreak
  • 99
  • 7
1
vote
0 answers

CSS "max-width" property flaw when in design view of Visual Studio 2013?

Maybe this is a bug, or my version of VS 2013 is messed or perhaps it's normal... However I think it should be working and I have spend the day trying to make it work and searched Google and here SO all or most of the day. Here is FULL code to…
Hatchet
  • 59
  • 7
0
votes
1 answer

How do I make slider images fully responsive?

I have a problem with my website slider images. I set my slider wrap and slider inner frame width to 100% but when I change the screen size the images size does not change. Also I set the images width to max-width:100% and the height of them to…
UrWill
  • 9
  • 1
  • 4
-2
votes
2 answers

How to make a my page responsive for all device

I attempted to make my page responsive by using media queries. However, the box was not responsive to all media queries. I was very confused by the min and max width of the media query, Here is the code, and someone please suggest to me how to make…