All Questions
28
questions
-1
votes
2
answers
51
views
How to design for 3,000 pixel mobile screens [duplicate]
I'm kinda confused. We use pixels for pretty much everything, from font size to breakpoints. I recently designed a website which changed to mobile landscape view at 770px but when viewing on my mobile ...
0
votes
1
answer
63
views
Image height and with match parent without distortion in a browser for all device screens and orientations using React
In react I have a slideshow component and I want the images to best fit on any device screen and orientation. What I mean by best fit is that I want the image to grow/shrink until it hits a either the ...
- 149
0
votes
1
answer
91
views
Blank screen and css js not loading after magento2 installation
While going through the installtion of Magento2 in Ubuntu. many problems are occured.Magento2 code cloned through GitHub
Blank screen after running installtion command
css nd js not loading
I have ...
0
votes
1
answer
88
views
Make splashscreen overlap elements
i am trying to make my splash screen overlap the website.
The splash screen gets pushed away by the elements that i want on the background.
here is my HTML
<!DOCTYPE html>
...
- 5
0
votes
1
answer
289
views
Is there a way to detect if a screen size is an even or odd number so that I can base a css rule on the outcome?
I am currently working on my portfolio website and I have noticed that I have a line on the home page that moves by 1 pixel based on the screen size being an even or odd number.
If the Display width ...
- 671
0
votes
1
answer
482
views
CSS: how to contain absolute element inside window container
There is a way with CSS to contain absolute div inside window container ? (If div position + div width > window.innerWidth, translate div to left)
I trying to implement nav menu in 100% CSS (https:/...
- 887
1
vote
0
answers
292
views
Calculate viewport dimensions and pixel ratio of latest devices for Chrome Devtools?
I am wondering if their is some way to get the viewport dimensions and pixel ratio for the latest AND upcoming devices so that I can add those devices into Chrome Devtools for emulation.
As ...
- 1,280
0
votes
1
answer
471
views
Why does my phone browser look different than developer tools of pcs
When I want to see how my website looks like on cell phones, well I go to the developer tools of my browser (chrome) and change page sizes to check different sizes. I've manually added the screen size ...
- 19
0
votes
2
answers
315
views
Customloading screen is covering only half the scene
I have an issue using a custom loading screen. When I displaying the loading screen it only covers half the scene: Image while loading1
This is the code I use for displaying the loading screen:
...
0
votes
1
answer
82
views
How to display a list as 3 columns for lg screens and 1 column for sm screens
On a computer, my list looks like:
But on a phone, it only shows the 1st column and doesn't continue the list as a 1-column list.
I'm using Bootstrap and my code looks like:
<section>
...
- 17
1
vote
1
answer
91
views
How to use ScrollTo() in JavaScript
I want to create a body larger than the actual screen, then I want to use something like scrollTo() to move the screen on the position of a div and I want that div to be centered on the screen.
...
- 33
0
votes
2
answers
31
views
Why bigger dimension device has less screen.width compared to some smaller dimension device?
During testing, I found out that few very large dimension device Oppo (5.5") has screen.widthequals to 360pxwhere as lower dimension device like iPhone 7 has screen.width equals to 375px.
How do I ...
- 2,100
1
vote
1
answer
474
views
@media screen in JavaScript?
I coded this script. If the window size is smaller than 1000px, it is possible to unfold the menu points.
But, if you collapse the menu points and increase the window size, the menu points still stay ...
user5513378
0
votes
3
answers
2k
views
How to stop an element to touch screen border?
I am beginner to JS and I am trying to create a simple game in it. I am looking for a way to stop the player (20px x 20px) box causing the screen to scroll, i am looking for a fixed screen where the ...
user8795229
-3
votes
1
answer
580
views
Vary height of hero image with browser window size
I am trying to achieve an effect which can be seen on the https://lexus.com.au website where
no matter what the browser screen height (desktop or laptop etc) the hero image and the cta bar always ...
