প্রশ্ন ট্যাগ «media-queries»

জাভাস্ক্রিপ্টে ওরিয়েন্টেশন মোডটি ব্যবহার করে সনাক্ত করা যায়: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } তবে, কেবল সিএসএস ব্যবহার করে ওরিয়েন্টেশন সনাক্ত করার কোনও উপায় আছে কি? যেমন। কিছুটা এইরকম: @media only screen and (width > height) { ... }

159 browser  css  tablet  media-queries 

আমি ক্লাস তৈরি করতে CSS3 মিডিয়া ক্যোয়ারীগুলি ব্যবহার করার চেষ্টা করছি যা প্রস্থটি 400px এর চেয়ে বেশি এবং 900px এর চেয়ে কম হলেই প্রদর্শিত হয়। আমি জানি এটি সম্ভবত খুব সহজ এবং আমি স্পষ্ট কিছু মিস করছি, তবে আমি এটি বের করতে পারি না। আমি যা নিয়ে এসেছি তা হল …

141 css  media-queries 

আমি মিডিয়া ক্যোয়ারিতে সিএসএস ভেরিয়েবলগুলি ব্যবহার করার চেষ্টা করছি এবং এটি কার্যকর হয় না। :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

আইফোন 5 এর দীর্ঘ স্ক্রিন রয়েছে এবং এটি আমার ওয়েবসাইটের মোবাইল ভিউটি ধরছে না। আইফোন 5 এর জন্য নতুন প্রতিক্রিয়াশীল নকশার প্রশ্নগুলি কী কী এবং আমি বিদ্যমান আইফোন প্রশ্নের সাথে একত্রিত করতে পারি? আমার বর্তমান মিডিয়া ক্যোয়ারীটি হ'ল: @media only screen and (max-device-width: 480px) {}

132 iphone  css  responsive-design  media-queries  iphone-5 

জাভাস্ক্রিপ্ট ব্যবহার করে ভিউপোর্টের প্রস্থের বিপরীতে, ব্যবহারকারীদের ডিভাইস প্রস্থ পাওয়ার কি কোনও উপায় আছে? সিএসএস মিডিয়া কোয়েরিগুলি এটি প্রস্তাব করে, যেমনটি আমি বলতে পারি @media screen and (max-width:640px) { /* ... */ } এবং @media screen and (max-device-width:960px) { /* ... */ } আমি ল্যান্ডস্কেপ অভিযোজনে স্মার্টফোনগুলি লক্ষ্যবস্তু করা হলে …

128 javascript  css  media-queries 

টাচস্ক্রিন ডিভাইসে না থাকাকালীন কিছু ঘটানোর জন্য মিডিয়া ক্যোয়ারীগুলি ব্যবহার করে, নিরাপদতম উপায় কী? যদি কোনও উপায় না থাকে, আপনি কি জাভাস্ক্রিপ্ট সমাধান যেমন !window.Touchবা মডার্নজার ব্যবহার করার পরামর্শ দিচ্ছেন ?

122 css  touch  media-queries 

আমি @ মিডিয়া প্রশ্নের সাথে সাস ভেরিয়েবলের ব্যবহারটি একত্রিত করার চেষ্টা করছি: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width তারপরে তরল লেআউট উত্পাদন করতে স্টাইলশিটের প্রস্থ শতাংশ-ভিত্তিক পরিমাপের বিভিন্ন পয়েন্টে সংজ্ঞায়িত করা হয়। আমি যখন এটি করি, ভেরিয়েবলটি সঠিকভাবে স্বীকৃত বলে …

120 sass  media-queries 

এটি একটি নির্বোধ প্রশ্নের মতো শোনাতে পারে। আমি যদি নিয়মিত প্রদর্শনের জন্য এই সিএসএস স্নিপেট ব্যবহার করি ( box-bg.png200px বাই 200px কোথায় ); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } এবং যদি আমি রেটিনা ডিসপ্লেগুলিকে লক্ষ্য করতে এই জাতীয় মিডিয়া কোয়েরি ব্যবহার করি (@ 2x চিত্রটি উচ্চ-রেজাল্ট সংস্করণ হিসাবে); …

102 css  responsive-design  media-queries 

কোনও কারণে ডিভাইস এমুলেশন মোড আমার মিডিয়া কোয়েরিগুলি পড়ছে না। এটি আমার নিজের সাইটগুলি সহ বুটস্ট্র্যাপ সহ অন্যান্য সাইটগুলিতে কাজ করে, তবে এটি স্ক্র্যাচ থেকে আমি যে মিডিয়া কোয়েরিগুলি ব্যবহার করছি তা ব্যবহার করছে না (মিডিয়া ক্যোয়ারী বোতামে ক্লিক করা বোতামটি নীল করে দেয় তবে কোনও মিডিয়া কোয়েরি প্রদর্শিত হয় …

94 css  google-chrome  media-queries  developer-tools 

ওভারল্যাপ এড়ানোর জন্য আমরা কীভাবে মিডিয়া প্রশ্নগুলিকে নির্ভুলভাবে আউট করব? উদাহরণস্বরূপ, যদি আমরা কোডটি বিবেচনা করি: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } সমস্ত সমর্থনকারী …

90 css  responsive-design  media-queries 

সম্পাদনা: সম্ভবত আমার জিজ্ঞাসা করা উচিত যে পর্দা 480px প্রস্থের নীচে নেমে গেলে কোন নির্বাচক সাইড প্যাডিং সেট আপ করে? আমি এটি সনাক্ত করতে কিছুক্ষণের জন্য বুটস্ট্র্যাপ-প্রতিক্রিয়াশীলতা.এসএস ব্রাউজ করছি তবে কিছুই এটিকে প্রভাবিত করে না বলে মনে হচ্ছে। মূল আমি মূলত ছোট ডিভাইস স্ক্রিনে প্রতিক্রিয়া জানাতে যে কোনও ডিফল্ট প্যাডিং …

89 css  twitter-bootstrap  responsive-design  media-queries 

বুটস্ট্র্যাপ 3 যেহেতু প্রতিক্রিয়াশীল এবং স্ট্যান্ডার্ড স্টাইলশিটের জন্য আলাদা আলাদা ফাইল নেই। তাহলে আমি কীভাবে সহজেই প্রতিক্রিয়াশীল বৈশিষ্ট্যগুলি সরিয়ে ফেলতে পারি?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3