/    Sign up×
Community /Pin to ProfileBookmark

can media rules help keep same text in view when orientation changes?

Copy linkTweet thisAlerts:
Jan 06.2018

The title says it all. On many of my longer articles, especially when I already have graphic images whose sizes change when switching from landscape to portrait and back. I try to us use media rules to optimize for each case, re-scaling fonts and such so they ‘appear’ the same in either view. but I’ve not been able to keep the text currently in view to stay in view when I turn the screen.

I wouldn’t have even thought it was possible to do anything about this, but I notice that Facebook has! No matter how far you scroll to extend their screens, switching between views still keeps the current text in view. Ho do they do it? 🙂

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@bharti_panjwaniJan 12.2018 — hi there ,

yes , that is possible ... what you have to do is just set the text size and whatever changes you want , just write down that under the media query code for different-different screen sizes. and that's all..... and still if you have any errors while screen orientation.... you should try to create and maintain two different css one for landscape and another for portrait.

thanks, i hope this will help you !
×

Success!

Help @PeterPan_321 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...