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

মিডিয়া ক্যোয়ারীগুলি মিডিয়া ধরণের যেমন পর্দা এবং মুদ্রণ এবং মিডিয়া বৈশিষ্ট্যের শর্তাদি যেমন ভিউপোর্ট এবং ডিভাইসের উচ্চতা এবং প্রস্থের উপর ভিত্তি করে সিএসএস শৈলীর শর্তসাপেক্ষ অ্যাপ্লিকেশন সক্ষম করে। তারা ডাব্লু 3 সি সিএসএস 3 নির্দিষ্টকরণের অংশ of

3
সিএসএস মিডিয়া ক্যোয়ারী: সর্বোচ্চ-প্রস্থ বা সর্বোচ্চ-উচ্চতা
সিএসএস মিডিয়া ক্যোয়ারী লেখার সময়, "OR" যুক্তি দিয়ে আপনি একাধিক শর্ত নির্দিষ্ট করতে পারবেন কি? আমি এরকম কিছু করার চেষ্টা করছি: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }
490 css  media-queries 
5
মিডিয়া প্রশ্নগুলিতে "পর্দা" এবং "একমাত্র পর্দা" এর মধ্যে পার্থক্য কী?
মিডিয়া প্রশ্নের মধ্যে screenএবং only screenমধ্যে পার্থক্য কি ? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> কেন আমাদের ব্যবহার করা দরকার only screen? না screenনিজেই যথেষ্ট তথ্য রেন্ডার করা থেকে উপলব্ধ করা হয় না শুধুমাত্র পর্দা জন্য? আমি এই তিনটি …
486 css  media-queries 
15
মিডিয়া ক্যোয়ারী: ডেস্কটপ, ট্যাবলেট এবং মোবাইল কীভাবে লক্ষ্যবস্তু করা যায়?
আমি মিডিয়া প্রশ্নের উপর কিছু গবেষণা করে চলেছি এবং এখনও কিছু নির্দিষ্ট মাপের ডিভাইসগুলি কীভাবে লক্ষ্যবস্তু করা যায় তা আমি যথেষ্ট বুঝতে পারি না। আমি ডেস্কটপ, ট্যাবলেট এবং মোবাইলকে লক্ষ্য করতে সক্ষম হতে চাই। আমি জানি যে কিছু তাত্পর্য থাকবে তবে এই ডিভাইসগুলি লক্ষ্য করে ব্যবহার করার জন্য একটি জেনেরিক …
18
টুইটার বুটস্ট্র্যাপ 3: মিডিয়া প্রশ্নগুলি কীভাবে ব্যবহার করবেন?
আমি প্রতিক্রিয়াশীল লেআউটটি তৈরি করতে বুটস্ট্র্যাপ 3 ব্যবহার করছি যেখানে আমি পর্দার আকার অনুসারে কয়েকটি ফন্টের আকার সমন্বয় করতে চাই। এই জাতীয় যুক্তি তৈরি করতে আমি কীভাবে মিডিয়া প্রশ্নগুলি ব্যবহার করতে পারি?
11
পর্দার পরিবর্তে কোনও ডিভ উপাদানটির ভিত্তিতে মিডিয়া ক্যোয়ারীগুলি পুনরায় আকার দিতে পারে?
আমি যে উপাদানগুলিতে divরয়েছি তার আকারের উপর ভিত্তি করে উপাদানগুলির আকার পরিবর্তন করতে মিডিয়া ক্যোয়ারীগুলি ব্যবহার করতে চাই I আমি পর্দার আকারটি ব্যবহার করতে পারছি না কারণ divএটি ওয়েবপৃষ্ঠার মধ্যে একটি উইজেটের মতোই ব্যবহৃত হয়েছে এবং এর আকারও পৃথক হতে পারে। হালনাগাদ দেখে মনে হচ্ছে এখন এটি নিয়ে কাজ চলছে: …
317 css  media-queries 
12
সিএসএস @ মিডিয়া বিধিগুলিকে ইনলাইন স্থাপন করা কি সম্ভব?
আমাকে ব্যানার চিত্রগুলি গতিশীলভাবে এইচটিএমএল 5 অ্যাপে লোড করতে হবে এবং পর্দার প্রস্থের সাথে সামঞ্জস্য করতে বেশ কয়েকটি বিভিন্ন সংস্করণ চাই। আমি ফোনের স্ক্রিনের প্রস্থটি সঠিকভাবে নির্ধারণ করতে পারি না, সুতরাং এটি করার একমাত্র উপায় হ'ল একটি ডিভের পটভূমি চিত্র যুক্ত করা এবং স্ক্রিনের প্রস্থ নির্ধারণ করতে এবং সঠিক চিত্রটি …
293 html  css  media-queries 
9
সিএসএসে @ মিডিয়া স্ক্রিন এবং (সর্বাধিক প্রস্থ: 1024px) এর অর্থ কী?
আমি উত্তরাধিকারসূত্রে প্রাপ্ত সিএসএস ফাইলে এই কোডটির টুকরোটি পেয়েছি, তবে আমি এটিকে বোঝাতে পারি না: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } বিশেষত, প্রথম লাইনে কী হচ্ছে?
245 css  media-queries 
8
মোবাইল ওয়েবের জন্য সর্বোচ্চ-ডিভাইস-প্রস্থ এবং সর্বোচ্চ-প্রস্থের মধ্যে পার্থক্য কী?
আইফোন / অ্যান্ড্রয়েড ফোনের জন্য আমার কয়েকটি এইচটিএমএল পৃষ্ঠা বিকাশ করা দরকার তবে এর মধ্যে max-device-widthএবং এর মধ্যে পার্থক্য কী max-width? বিভিন্ন স্ক্রিন আকারের জন্য আমার বিভিন্ন সিএসএস ব্যবহার করতে হবে। @media all and (max-device-width: 400px) @media all and (max-width: 400px) পার্থক্য কি?
5
@ মিডিয়া মিনিম প্রস্থ এবং সর্বোচ্চ-প্রস্থ
আমার এই @mediaসেটআপটি রয়েছে: এইচটিএমএল : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> সিএসএস : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE …
3
@ মিডিয়া মিডিয়া ক্যোয়ারী এবং এএসপি.নেট এমভিসি রেজার সিনট্যাক্স সংঘাত
আমি একটি বড় সাইট পেয়েছি যা রেজার ভিউ ইঞ্জিন ব্যবহার করে এএসপি.নেট এমভিসিতে চলে। আমার একটি বেস স্টাইলশিট রয়েছে যাতে পুরো সাইটের জন্য জেনেরিক স্টাইলিং রয়েছে। উপলক্ষে, তবে আমার পৃষ্ঠা নির্দিষ্ট শৈলী রয়েছে যা <head>পৃষ্ঠার মধ্যে রয়েছে - সাধারণত এটি এক বা 2 লাইন। আমি বিশেষত সিএসএসকে <head>উদ্বেগের কঠোরভাবে বিচ্ছিন্নকরণ …
17
window (উইন্ডো)। প্রস্থ () মিডিয়া ক্যোয়ারির মতো নয়
আমি একটি প্রকল্পে টুইটার বুটস্ট্র্যাপ ব্যবহার করছি। ডিফল্ট বুটস্ট্র্যাপ শৈলীর পাশাপাশি আমি নিজের কিছু যুক্ত করেছি //My styles @media (max-width: 767px) { //CSS here } ভিউপোর্টের প্রস্থ যখন 767px কম হয় তখন আমি পৃষ্ঠায় নির্দিষ্ট উপাদানের ক্রম পরিবর্তন করতে jQuery ব্যবহার করছি। $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) …
16
আমার সিএসএস 3 মিডিয়া কোয়েরিগুলি কেন কাজ করছে না?
স্টাইলস সিএসএসে, আমি মিডিয়া ক্যোয়ারী ব্যবহার করছি, উভয়ই এর বিভিন্নতা ব্যবহার করে: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } আমি যখন উইন্ডোটি সঙ্কুচিত করি তখন আমি নিয়মিত ব্রাউজারে (সাফারি, ফায়ারফক্স) লেআউটটিতে সাইজগুলি আকার পরিবর্তন করতে পারি, তবে কোনও ফোনে …
11
সিএসএস মিডিয়া ক্যোয়ারির জন্য আইই 8 সমর্থন
আইই 8 নিম্নলিখিত সিএসএস মিডিয়া ক্যোয়ারিকে সমর্থন করে না: @import url("desktop.css") screen and (min-width: 768px); তা না হলে লেখার বিকল্প উপায় কী? ফায়ারফক্সে একই কাজ করে। নীচের কোড সহ কোনও সমস্যা? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);
19
সিএসএস @ মিডিয়া প্রিন্ট ইস্যুগুলি পটভূমির রঙ সহ;
আমি এখানে এই সংস্থায় নতুন এবং আমাদের একটি পণ্য রয়েছে যা মাইলের CSS ব্যবহার করে। আমি আমাদের app এর জন্য একটি মুদ্রণযোগ্য স্টাইলশীট করতে চেষ্টা করছি কিন্তু আমি সঙ্গে সমস্যা হচ্ছে background-colorমধ্যে @media print। @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } অন্য …
176 css  media-queries 
10
বুটস্ট্র্যাপ 3 ব্রেকপয়েন্ট এবং মিডিয়া ক্যোয়ারী
উপর বুটস্ট্র্যাপ 3 মিডিয়া প্রশ্নের ডকুমেন্টেশন এটা বলেছেন: আমরা আমাদের গ্রিড সিস্টেমে মূল ব্রেকপয়েন্টগুলি তৈরি করতে আমাদের কম ফাইলগুলিতে নিম্নলিখিত মিডিয়া কোয়েরিগুলি ব্যবহার করি। অতিরিক্ত ছোট ডিভাইস (ফোন, 768px এর চেয়ে কম): বুটস্ট্র্যাপে এটি ডিফল্ট হওয়ায় কোনও মিডিয়া কোয়েরি নেই ছোট ডিভাইস (ট্যাবলেট, 768px এবং তার বেশি): @media (min-width: @screen-sm-min) …
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.