css - How to make an image responsive on PS4? -

-

i on console viewing site working on , noticed banners looked off.

<div class="blog-post-featured-banner">         <img width="1600" height="900" src="#"> </div>  .blog-post-featured-banner {     height: 50vh;     overflow: hidden;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     justify-content: center;     align-items: center;     position: relative; } .blog-post-featured-banner img {     width: 100%;     height: auto; }

it looks fine on desktop, when view on ps4 looks img had height:100%;, looked squished. expected behave way on desktop, takes 100% width of screen , height hidden in overflow. given i'm viewing on tv expected bit pixelated. needing large image? tv 55".

sort of side question, in div holds image, trying make image vertically , horizontally centered in "frame", how adjust css so, if possible.

the browser playstation use might not support viewport units. viewport units gaining support on modern browsers, however, there cases unit not supported or bugs have been found.

try setting html , body tag's height 100%. set "blog-post-featured-banner" height 50%. should replicate trying achieve currently.

<div class="blog-post-featured-banner">      <img width="1600" height="900" src="#"> </div>  html, body {     height: 100% }  .blog-post-featured-banner {     height: 50%;     overflow: hidden;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     justify-content: center;     align-items: center;     position: relative; } .blog-post-featured-banner img {     width: 100%;     height: auto; }

Comments

Post a Comment

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

-
so when requesting group sequelize follows: return models.workingcalendar .findall({ attributes: [ 'workingcalendar.periodid', 'workingcalendar.date', 'period.name' ], include: [ { model: models.period, attributes: [] } ], where: { getsudoid: currentgetsudo.id, unitplantid: unitplantid }, group: ['workingcalendar.periodid', 'workingcalendar.date', 'period.name'], }); sequelize run query: select [workingcalendar].[id], [workingcalendar].[periodid], [workingcalendar].[date], [period].[name] [workingcalendars] [workingcalendar] left outer join [periods] [period] on [wor
Read more

android - Robolectric "INTERNET permission is required" -

-
i'm getting error when create activity robolectric: java.lang.illegalargumentexception: internet permission required. this i'm doing: @config(constants = buildconfig.class, sdk = testconfig.min_sdk_unit_tests, manifest = "src/main/androidmanifest.xml") @runwith(robolectricgradletestrunner.class) public class atest { @test public void testtrackdonotaskmeagainselected() throws exception { final anactivity activity = robolectric.buildactivity(anactivity.class).create().get(); } update 1: our current setup, have manifests: app/src/androidtest/androidmanifest.xml app/src/debug/androidmanifest.xml app/src/main/androidmanifest.xml app/src/test/androidmanifest.xml i found debug executed instead of test , that's why permission in app/src/test/androidmanifest.xml ignored. add manifest: <uses-permission android:name="android.permission.internet" />
Read more

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -

-
when responding supplicant_state_changed_action broadcast , attempting send udp packet, exception: java.net.socketexception: sendto failed: eperm (operation not permitted) @ libcore.io.iobridge.maybethrowaftersendto(iobridge.java:542) @ libcore.io.iobridge.sendto(iobridge.java:511) @ java.net.plaindatagramsocketimpl.send(plaindatagramsocketimpl.java:184) @ java.net.datagramsocket.send(datagramsocket.java:305) @ com.mycompany.app.serviceclass.discover(serviceclass.java:355)at com.mycompany.app.serviceclass.access$600(serviceclass.java:39) @ com.mycompany.app.serviceclass$statemachine.run(serviceclass.java:242) @ java.lang.thread.run(thread.java:818) caused by: android.system.errnoexception: sendto failed: eperm (operation not permitted) @ libcore.io.posix.sendtobytes(native method) @ libcore.io.posix.sendto(posix.java:211) @ libcore.io.blockguardos.sendto(blockguardos.java:278) @ libcore.io.iobridge.sendto(iobridge.java:509) @ java.net.plaindat
Read more