আমারা সি এস এস দিয়ে ওয়েভ সাইট রেসপনসিভ করার সময় লিখি @media (min-width: 768px) and (max-width: 979px) { //hear is Css code } । এর অর্থ হল যথন মিডিয়ার সাইজ এর width 768px এর বেশি ও 979px এর কম হবে তখনই এই সি এস এস কাজ করবে। এই কাজটা জেকুয়েরি দিয়ে করা কি সম্ভব?

asked 08 Feb '16, 18:46

Imon%20Hossain's gravatar image

Imon Hossain
644218


সি এস এস এর মত মিডিয়া কুয়ারি না থাক্লেও আপনি

$( window ).resize(function() {});

এবং

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document

ব্যাবহার করে বিভিন্ন লজিক স্টেটমেন্ট এর ভিতর জাভাস্ক্রিপ্ট রান করাতে পারবেন। ধন্যবাদ।

Resources:

http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window http://stackoverflow.com/questions/641857/javascript-window-resize-event

permanent link

answered 25 Oct '16, 12:02

llxx_lord_xxll's gravatar image

llxx_lord_xxll
1

আপনি এভাবে ট্রাই করে দেখতে পারেন

$(window).on('resize', function() {
    if ( $(window).width() >= 768 && $(window).width() <= 979 ) {

      // write your code here

    }
});
permanent link

answered 29 Oct '16, 04:23

morshedx's gravatar image

morshedx
112

edited 29 Oct '16, 04:27

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Question tags:

×33
×11
×9

question asked: 08 Feb '16, 18:46

question was seen: 1,130 times

last updated: 29 Oct '16, 04:27